/* https://us.unitedworld.jp/blog/ — moved verbatim out of the page body.
   The rules are unchanged; only their location is. */

/* Spacing the removed element used to provide.
 *
 * The inline <style> block was the first child of the post content. It renders
 * nothing, but it still counted as a sibling, so the page wrapper after it
 * received the theme's block gap (--wp--style--block-gap, 1.2rem = 19.2px).
 * Taking the element out made the wrapper the first child, and the page moved
 * up by that much.
 *
 * This puts it back, so the migration changed where the code lives and nothing
 * else. The gap was an artefact of an invisible element being in the flow —
 * worth removing, but as its own deliberate change, not as a side effect of
 * this one. Delete this rule then.
 */
.wp-block-post-content > *:first-child,
.entry-content > *:first-child {
  margin-block-start: var(--wp--style--block-gap, 1.2rem);
}

.wp-block-post-title,.entry-title{display:none!important;height:0!important;margin:0!important;padding:0!important;font-size:0!important}
.wp-site-blocks>main{margin-top:0!important;padding-top:0!important}
.wp-site-blocks>header,.wp-site-blocks>footer,.skip-link{display:none!important}
.wp-block-post-content{max-width:none!important;padding:0!important}
.has-global-padding{padding:0!important}
.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:none!important}

.uw-pg{font-family:"Inter",system-ui,sans-serif;color:#0F172A;line-height:1.6;-webkit-font-smoothing:antialiased}
.uw-pg *{box-sizing:border-box;margin:0;padding:0}
.uw-pg a{text-decoration:none;color:inherit}
.uw-pg.lang-en .jp{display:none!important}
.uw-pg.lang-jp .en{display:none!important}

.uw-pg-n{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px}
.uw-pg-n-logo{font-size:17px;font-weight:700;letter-spacing:-.3px}
.uw-pg-n-logo b{color:#2563EB}
.uw-pg-n-links{display:flex;gap:16px;align-items:center}
.uw-pg-n-links a{font-size:13px;color:#64748B;font-weight:500;transition:.15s}
.uw-pg-n-links a:hover{color:#0F172A}
.uw-pg-n-cta{background:#2563EB;color:#fff!important;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600}
.uw-pg-n-cta span{color:#fff!important}
.uw-pg-lt{display:flex;border:1px solid #E2E8F0;border-radius:6px;overflow:hidden}
.uw-pg-lt button{padding:4px 10px;border:none;background:#fff;cursor:pointer;color:#64748B;font-size:12px;font-weight:600}
.uw-pg-lt button.on{background:#0F172A;color:#fff}

/* Blog Hero */
.uwb-hero{background:linear-gradient(135deg,#0F172A,#1E293B);color:#fff;padding:64px 32px;text-align:center}
.uwb-hero-inner{max-width:700px;margin:0 auto}
.uwb-hero-tag{display:inline-block;background:rgba(37,99,235,.2);color:#60A5FA;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px}
.uwb-hero h1{font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}
.uwb-hero p{font-size:15px;color:#94A3B8;line-height:1.7}

/* Blog List */
.uwb-s{max-width:1200px;margin:0 auto;padding:48px 32px}
.uwb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.uwb-card{border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;background:#fff;transition:.2s}
.uwb-card:hover{border-color:#2563EB;box-shadow:0 4px 20px rgba(37,99,235,.08);transform:translateY(-2px)}
.uwb-card a{text-decoration:none;color:inherit}
.uwb-card-img{width:100%;height:200px;object-fit:cover;background:#F1F5F9;display:flex;align-items:center;justify-content:center;color:#546174;font-size:14px}
.uwb-card-img img{width:100%;height:200px;object-fit:cover}
.uwb-card-body{padding:24px}
.uwb-card-cat{display:inline-block;background:#EFF6FF;color:#2563EB;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:10px}
.uwb-card-title{font-size:17px;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uwb-card-excerpt{font-size:13px;color:#64748B;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.uwb-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#94A3B8}
.uwb-card-date{display:flex;align-items:center;gap:4px}
.uwb-card-read{color:#2563EB;font-weight:600;font-size:12px}

/* Loading */
.uwb-loading{text-align:center;padding:60px;color:#94A3B8;font-size:14px}
.uwb-loading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2563EB;margin:0 3px;animation:uwb-bounce .6s infinite alternate}
.uwb-loading-dot:nth-child(2){animation-delay:.2s}
.uwb-loading-dot:nth-child(3){animation-delay:.4s}
@keyframes uwb-bounce{to{opacity:.3;transform:translateY(-6px)}}

/* No posts */
.uwb-empty{text-align:center;padding:80px 32px;color:#64748B}
.uwb-empty-icon{font-size:48px;margin-bottom:16px}
.uwb-empty h3{font-size:20px;font-weight:700;color:#0F172A;margin-bottom:8px}

/* Pagination */
.uwb-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}
.uwb-pagination button{padding:8px 16px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#64748B;transition:.15s}
.uwb-pagination button:hover{border-color:#2563EB;color:#2563EB}
.uwb-pagination button.on{background:#2563EB;color:#fff;border-color:#2563EB}
.uwb-pagination button:disabled{opacity:.4;cursor:not-allowed}

/* Footer */
.uwb-footer{text-align:center;padding:32px;font-size:12px;color:#94A3B8}
.uwb-footer a{color:#2563EB}

/* CTA */
.uwb-cta{background:#0F172A;border-radius:14px;padding:56px 40px;text-align:center;max-width:900px;margin:0 auto}
.uwb-cta h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:12px}
.uwb-cta p{color:#94A3B8;font-size:15px;margin-bottom:24px}
.uwb-cta a{display:inline-block;background:#2563EB;color:#fff!important;padding:14px 32px;border-radius:10px;font-weight:600}

@media(max-width:768px){
  .uwb-grid{grid-template-columns:1fr}
  .uwb-hero h1{font-size:26px}
  .uw-pg-n-links>a{display:none}
}