/* FORTIFY site skin v1 (2026-10-24): match the homepage's Salient-style language on every other page.
   Header + footer apply site-wide. Body tokens apply only to the service/education hub pages listed in $S below;
   the live course sales page (/course/seo-vibe-coding/, page-id-5479) and blog posts keep their own body styling. */
:root{--sk-navy:#060a18;--sk-ink:#0b1430;--sk-blue:#2f6bff;--sk-violet:#6b4dff;--sk-mint:#39e0c6;--sk-line:#e6ebf4;--sk-grad:linear-gradient(135deg,#2f6bff,#6b4dff)}

/* ---------- header (theme header used on most pages) ---------- */
body:not(.home) header.header{position:sticky;top:0;z-index:1000;height:72px!important;background:rgba(255,255,255,.84)!important;border-bottom:1px solid rgba(20,30,60,.08)!important;box-shadow:0 10px 30px -24px rgba(10,20,50,.4)!important;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}
body:not(.home) header.header .brand{color:var(--sk-ink)}
body:not(.home) header.header .brand svg{color:var(--sk-blue)}
body:not(.home) header.header #navigation{font-size:14.5px;font-weight:600;letter-spacing:-.01em;gap:34px;align-items:center}
body:not(.home) header.header #navigation>a:not(.nav-cta),body:not(.home) header.header #navigation summary{color:var(--sk-ink);opacity:.86;transition:opacity .25s}
body:not(.home) header.header #navigation>a:not(.nav-cta):hover,body:not(.home) header.header #navigation summary:hover{opacity:1}
body:not(.home) header.header #navigation>a:not(.nav-cta)::after{bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4f86ff,#a56bff)}
body:not(.home) header.header #navigation summary span{display:inline-block;font-size:11px;margin-left:3px;transform:translateY(-2px);opacity:.7}
body:not(.home) header.header .nav-cta{gap:10px;border:0!important;border-radius:999px!important;padding:11px 20px!important;background:var(--sk-grad)!important;color:#fff!important;font-weight:700;box-shadow:0 10px 24px -12px rgba(64,110,255,.9);transition:transform .2s,box-shadow .2s}
body:not(.home) header.header .nav-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(64,110,255,1)}
@media(max-width:780px){body:not(.home) header.header{height:64px!important}body:not(.home) header.header #navigation{gap:4px}body:not(.home) header.header .nav-cta{justify-content:center}}

/* ---------- footer (navy, same as homepage) ---------- */
body:not(.home) #fortify-site-footer{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(50% 70% at 0% 0%,rgba(31,77,255,.28),transparent 70%),radial-gradient(45% 70% at 100% 100%,rgba(122,60,255,.24),transparent 70%),#060a18!important;color:#aab4cc!important;border-top:0;padding:0 0 32px!important}
body:not(.home) #fortify-site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,134,255,.8),rgba(165,107,255,.8),transparent)}
body:not(.home) #fortify-site-footer .fsf-inner{padding-top:84px}
body:not(.home) #fortify-site-footer .fsf-top{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:56px}
body:not(.home) #fortify-site-footer .fsf-intro{grid-column:auto;grid-row:auto}
body:not(.home) #fortify-site-footer .fsf-group{grid-column:auto;display:block}
body:not(.home) #fortify-site-footer .fsf-brand{color:#fff;font-size:30px;font-weight:850;letter-spacing:-.04em}
body:not(.home) #fortify-site-footer .fsf-brand span{font-weight:450;background:linear-gradient(90deg,#7fa6ff,#a56bff);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(.home) #fortify-site-footer .fsf-intro p{color:#8e99b3;font-size:15px;line-height:1.75;margin-top:16px}
body:not(.home) #fortify-site-footer h2{color:#9fb3ff;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 16px}
body:not(.home) #fortify-site-footer ul{flex-direction:column;flex-wrap:nowrap;gap:6px}
body:not(.home) #fortify-site-footer a{color:#c9d2e6}
body:not(.home) #fortify-site-footer li a{font-size:14.5px;transition:color .2s,transform .2s}
body:not(.home) #fortify-site-footer a:hover{color:#fff;text-decoration:none}
body:not(.home) #fortify-site-footer li a:hover{transform:translateX(4px)}
body:not(.home) #fortify-site-footer .fsf-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:26px}
body:not(.home) #fortify-site-footer .fsf-bottom p,body:not(.home) #fortify-site-footer .fsf-business p,body:not(.home) #fortify-site-footer .fsf-copyright{color:#6f7b96}
@media(max-width:900px){body:not(.home) #fortify-site-footer .fsf-top{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.home) #fortify-site-footer .fsf-intro{grid-column:1/-1}}
@media(max-width:560px){body:not(.home) #fortify-site-footer .fsf-inner{padding-top:60px}body:not(.home) #fortify-site-footer .fsf-top{gap:32px 20px;padding-bottom:40px}body:not(.home) #fortify-site-footer .fsf-brand{font-size:26px}}

/* ---------- body tokens on hub pages ---------- */
/* $S = :is(.page-id-1467 /seo, .page-id-5769 /naver-seo, .page-id-1465 /web, .page-id-5326 /automation, .page-id-577 /about-us,
         .page-id-5763 /ai-coding, .page-id-5520 /vibe-coding, .page-id-5521 /claude-code, .page-id-3573 /course, .page-id-5370 /blog) */
/* section labels -> pill with gradient dot */
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.ds-eyebrow,.fas-eyebrow,.nv-eyebrow,.fsw-eyebrow,.ai-eyebrow){display:inline-flex!important;align-items:center;gap:9px;width:auto!important;font-size:12.5px!important;font-weight:800!important;letter-spacing:.06em!important;line-height:1.2!important;color:var(--sk-blue)!important;background:rgba(47,107,255,.07);border:1px solid rgba(47,107,255,.2);border-radius:999px;padding:8px 14px!important}
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.ds-eyebrow,.fas-eyebrow,.nv-eyebrow,.fsw-eyebrow,.ai-eyebrow)::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#2f6bff,#a56bff)}
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.ds-surface-dark,.fs-section-dark,.fs-cred-dark) :is(.ds-eyebrow,.fas-eyebrow,.nv-eyebrow,.fsw-eyebrow,.ai-eyebrow){color:#9fb3ff!important;background:rgba(255,255,255,.06);border-color:rgba(160,190,255,.25)}
/* headings: heavier, tighter (colors and sizes stay with each page) */
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573,.page-id-5370) :is(main,.elementor) :is(h1,h2):not(#fortify-site-footer *){font-weight:800!important;letter-spacing:-.05em!important}
/* primary buttons -> gradient */
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.fas-button,.nv-button:not(.nv-button-secondary),.fsw-primary,.ai-button:not(.ai-button-secondary),.fs-cta-btn,.elementor-button){background:var(--sk-grad)!important;border-color:transparent!important;color:#fff!important;border-radius:12px!important;box-shadow:0 16px 34px -16px rgba(64,110,255,.85);transition:transform .2s,box-shadow .2s}
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.fas-button,.nv-button:not(.nv-button-secondary),.fsw-primary,.ai-button:not(.ai-button-secondary),.fs-cta-btn,.elementor-button):hover{transform:translateY(-2px)}
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.nv-button-secondary,.ai-button-secondary){border-radius:12px!important}
/* dark bands -> navy with glow (section-level containers only) */
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573) :is(.e-parent.ds-surface-dark,.fs-section-dark,section.ds-surface-dark){background:radial-gradient(60% 60% at 0% 0%,rgba(31,77,255,.32),transparent 70%),radial-gradient(55% 60% at 100% 100%,rgba(122,60,255,.26),transparent 70%),#060a18!important}
/* cards: rounder, lift on hover */
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573,.page-id-5370) :is(.fs-pain-card,.fs-sol-card,.fs-why-card,.fs-svc-card,.fs-edu-card,.fs-diff-card,.fs-format-card,.fs-card,.fs-j-card,.fsw-panel,.fsw-service,.ai-surface,.ai-tool,.fs-post-item,.fs-skill){border-radius:20px!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573,.page-id-5370) :is(.fs-pain-card,.fs-sol-card,.fs-why-card,.fs-svc-card,.fs-edu-card,.fs-diff-card,.fs-format-card,.fs-card,.fs-j-card,.fsw-panel,.fsw-service,.ai-surface,.ai-tool,.fs-post-item,.fs-skill):hover{transform:translateY(-5px);box-shadow:0 28px 50px -30px rgba(30,60,160,.45)}
/* page heroes: soft blue/violet light instead of flat white */
body:is(.page-id-1467,.page-id-5769,.page-id-1465,.page-id-5326,.page-id-577,.page-id-5763,.page-id-5520,.page-id-5521,.page-id-3573,.page-id-5370) :is(.ds-page-hero,.nv-hero,.fsw-hero-surface,.ai-hero){background:radial-gradient(55% 70% at 0% 0%,rgba(47,107,255,.12),transparent 70%),radial-gradient(50% 70% at 100% 20%,rgba(122,60,255,.10),transparent 70%),#fff!important}
@media(prefers-reduced-motion:reduce){body :is(.fs-pain-card,.fs-sol-card,.fs-why-card,.fs-svc-card,.fs-edu-card,.fs-diff-card,.fs-format-card,.fs-card,.fs-j-card,.fsw-panel,.fsw-service,.ai-surface,.ai-tool,.fs-post-item,.fs-skill):hover{transform:none}}

/* ======================= v2 (2026-10-25): blog listing, blog posts, Elementor header/footer ======================= */
/* ---------- Elementor header (blog posts and other Elementor-template pages) ---------- */
body:not(.home) .elementor-location-header .fs-logo-text{color:var(--sk-ink)!important;font-weight:850!important;letter-spacing:-.04em!important}
body:not(.home) .elementor-location-header .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item{font-size:14.5px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--sk-ink)!important;opacity:.86;transition:opacity .25s}
body:not(.home) .elementor-location-header .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item:hover{opacity:1}
body:not(.home) .elementor-location-header .elementor-nav-menu--dropdown{border-radius:14px!important;border:1px solid var(--sk-line)!important;box-shadow:0 24px 50px -24px rgba(10,20,60,.35)!important;overflow:hidden}
body:not(.home) .elementor-location-header .elementor-sub-item{font-size:14px!important;font-weight:600!important;color:var(--sk-ink)!important}
body:not(.home) .elementor-location-header .elementor-sub-item:hover{background:#f3f6ff!important;color:var(--sk-blue)!important}
body:not(.home) a.fs-header-cta{border-radius:999px!important;padding:11px 20px!important;font-size:14px!important;background:var(--sk-grad)!important;box-shadow:0 10px 24px -12px rgba(64,110,255,.9)!important}
body:not(.home) a.fs-header-cta::before{display:none!important}

/* ---------- Elementor footer -> navy, same as the site footer ---------- */
body:not(.home) .elementor-location-footer{background:#060a18!important}
body:not(.home) .elementor-location-footer>.e-con{margin-top:0!important;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(50% 70% at 0% 0%,rgba(31,77,255,.28),transparent 70%),radial-gradient(45% 70% at 100% 100%,rgba(122,60,255,.24),transparent 70%),#060a18!important;border-top:0!important}
body:not(.home) .elementor-location-footer>.e-con::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,134,255,.8),rgba(165,107,255,.8),transparent)}
body:not(.home) .elementor-location-footer .fs-footer{max-width:1180px;padding:72px 32px 32px;color:#aab4cc}
body:not(.home) .elementor-location-footer .fs-footer-logo span{font-size:26px;font-weight:850;letter-spacing:-.04em}
body:not(.home) .elementor-location-footer .fs-footer-brand p{color:#8e99b3;font-size:14px;line-height:1.75}
body:not(.home) .elementor-location-footer .fs-footer-col h5{color:#9fb3ff;font-size:12px;font-weight:800;letter-spacing:.12em}
body:not(.home) .elementor-location-footer .fs-footer-col a{color:#c9d2e6!important;font-size:14px}
body:not(.home) .elementor-location-footer .fs-footer-col a:hover{color:#fff!important}
body:not(.home) .elementor-location-footer .fs-footer-info{color:#6f7b96}
body:not(.home) .elementor-location-footer .fs-footer-legal a{color:#8e99b3!important}

/* ---------- blog post: navy title hero (built by skin.js from the post's own title, tags and date) ---------- */
body.single-post .fx-post-hero{position:relative;isolation:isolate;overflow:hidden;padding:88px 24px 80px;background:radial-gradient(55% 90% at 0% 0%,rgba(31,77,255,.42),transparent 70%),radial-gradient(50% 90% at 100% 100%,rgba(122,60,255,.36),transparent 70%),#060a18}
body.single-post .fx-post-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 30% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 30% 40%,#000,transparent)}
body.single-post .fx-post-hero-in{max-width:1100px;margin:0 auto}
body.single-post .fx-post-tags{display:flex;flex-wrap:wrap;gap:8px}
body.single-post .fx-post-tags a{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(160,190,255,.28);color:#9fb3ff!important;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-decoration:none!important}
body.single-post .fx-post-tags a::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#39e0c6,#4f86ff)}
body.single-post h1.fx-post-title{margin:20px 0 0!important;max-width:900px;color:#fff!important;font-size:clamp(30px,3.6vw,50px)!important;line-height:1.24!important;font-weight:800!important;letter-spacing:-.045em!important;word-break:keep-all}
body.single-post p.fx-post-meta{margin:22px 0 0!important;color:#8e99b3!important;font-size:14px!important;font-weight:600}
body.single-post.fx-post-ready .fs-info-tags,body.single-post.fx-post-ready .fs-info-title,body.single-post.fx-post-ready .fs-info-date{display:none!important}
/* the template keeps empty containers (hidden title/date widgets, removed post-nav, a divider) that stack ~180px; drop them */
body.single-post.fx-post-ready .elementor-location-single>.e-con>.e-con-inner{padding-top:8px!important}
body.single-post.fx-post-ready .elementor-location-single>.e-con>.e-con-inner>.e-child:not(:has(.fs-blog)){display:none!important}
body.single-post .fs-info-author{border-radius:16px!important;border:1px solid var(--sk-line)!important;background:#fff!important}
body.single-post .fs-share-trigger{border-radius:999px!important;background:var(--sk-ink)!important}
body.single-post .fs-toc li.active,body.single-post .fs-toc li:hover{color:var(--sk-blue)!important}
body.single-post .fs-side-cta{position:relative;overflow:hidden;padding:24px 20px!important;border-radius:20px!important;background:radial-gradient(80% 80% at 0% 0%,rgba(31,77,255,.55),transparent 70%),radial-gradient(70% 80% at 100% 100%,rgba(122,60,255,.5),transparent 70%),#0a1024!important;border:1px solid rgba(120,150,255,.3)}
body.single-post .fs-side-cta h4{font-size:16px!important;letter-spacing:-.03em}
body.single-post .fs-side-cta p{color:#aab4cc!important}
body.single-post .fs-side-cta a{border-radius:999px!important;background:var(--sk-grad)!important;color:#fff!important;padding:10px 22px!important;box-shadow:0 10px 24px -12px rgba(64,110,255,.9)}
body.single-post .fs-post-nav a{border-radius:16px!important;border:1px solid var(--sk-line)!important;transition:border-color .2s,transform .2s}
body.single-post .fs-post-nav a:hover{border-color:var(--sk-blue)!important;transform:translateY(-3px)}
@media(max-width:760px){body.single-post .fx-post-hero{padding:48px 20px 44px}body.single-post h1.fx-post-title{font-size:28px!important;line-height:1.3!important}body.single-post p.fx-post-meta{font-size:13px!important}}

/* ---------- blog listing (/blog/, page-id-5370): navy hero + card list ---------- */
body.page-id-5370 .site-main>.page-header.ds-page-hero{display:block!important;height:auto!important;position:relative;isolation:isolate;overflow:hidden;max-width:none!important;margin:0!important;padding:104px 24px 92px!important;text-align:center;background:radial-gradient(55% 90% at 0% 0%,rgba(31,77,255,.42),transparent 70%),radial-gradient(50% 90% at 100% 100%,rgba(122,60,255,.36),transparent 70%),#060a18!important;border:0!important}
body.page-id-5370 .site-main>.page-header.ds-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 80% at 50% 40%,#000,transparent);mask-image:radial-gradient(60% 80% at 50% 40%,#000,transparent)}
body.page-id-5370 .fx-blog-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(160,190,255,.28);color:#9fb3ff;font-size:12.5px;font-weight:800;letter-spacing:.08em}
body.page-id-5370 .fx-blog-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#39e0c6,#4f86ff)}
body.page-id-5370 .page-header h1.entry-title{text-align:center!important;margin:0 auto!important;color:#fff!important;font-size:clamp(40px,5.6vw,76px)!important;line-height:1.06!important;font-weight:800!important;letter-spacing:-.05em!important}
body.page-id-5370 .page-header h1.entry-title em{font-style:normal;background:linear-gradient(90deg,#4f86ff,#a56bff 55%,#39e0c6);-webkit-background-clip:text;background-clip:text;color:transparent}
body.page-id-5370 .fx-blog-lead{max-width:560px;margin:22px auto 0;color:#aab4cc;font-size:17px;line-height:1.75;word-break:keep-all}
body.page-id-5370 .fs-blog-hero{display:none!important}
body.page-id-5370 .fs-blog-wrap{max-width:1040px!important;padding:56px 24px 104px!important}
body.page-id-5370 .fs-cat-filter{gap:8px!important;margin-bottom:32px!important}
body.page-id-5370 .fs-cat-btn{padding:9px 17px!important;border-radius:999px!important;border:1px solid var(--sk-line)!important;font-size:13.5px!important;font-weight:700!important;color:#4f5e73!important}
body.page-id-5370 .fs-cat-btn:hover{border-color:var(--sk-blue)!important;color:var(--sk-blue)!important}
body.page-id-5370 .fs-cat-btn.active{background:var(--sk-grad)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(64,110,255,.9)}
body.page-id-5370 .fs-post-list{gap:16px!important}
body.page-id-5370 .fs-post-item{align-items:center!important;gap:28px!important;padding:24px 26px!important;background:#fff;border:1px solid var(--sk-line)!important;border-bottom:1px solid var(--sk-line)!important}
body.page-id-5370 .fs-post-item:first-child{padding-top:24px!important}
body.page-id-5370 .fs-post-item:hover{opacity:1!important;border-color:rgba(47,107,255,.35)!important}
body.page-id-5370 .fs-item-cat{padding:4px 10px!important;border-radius:999px!important;background:rgba(47,107,255,.08)!important;color:var(--sk-blue)!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.04em}
body.page-id-5370 .fs-item-title{font-size:20px!important;font-weight:800!important;color:var(--sk-ink)!important;letter-spacing:-.035em!important}
body.page-id-5370 .fs-item-excerpt{color:#5b6880!important;font-size:14.5px!important}
body.page-id-5370 .fs-item-date{color:#8e99b3!important;font-weight:600}
body.page-id-5370 .fs-item-thumb,body.page-id-5370 .fs-item-thumb-empty{width:232px!important;height:146px!important;border-radius:14px!important;box-shadow:0 16px 30px -22px rgba(10,20,60,.6)}
body.page-id-5370 .fs-page-btn{border-radius:999px!important;min-width:44px;text-align:center;border:1px solid var(--sk-line)!important}
body.page-id-5370 .fs-page-btn.active{background:var(--sk-grad)!important;border-color:transparent!important;color:#fff!important}
@media(max-width:760px){
body.page-id-5370 .site-main>.page-header.ds-page-hero{padding:64px 20px 56px!important}
body.page-id-5370 .fx-blog-lead{font-size:15px}
body.page-id-5370 .fs-blog-wrap{padding:36px 16px 72px!important}
body.page-id-5370 .fs-post-item{flex-direction:column-reverse!important;align-items:stretch!important;gap:16px!important;padding:16px!important}
body.page-id-5370 .fs-item-thumb,body.page-id-5370 .fs-item-thumb-empty{width:100%!important;height:auto!important;aspect-ratio:1.9}
body.page-id-5370 .fs-item-title{font-size:18px!important}
}

/* ---------- blog category archives (/category/<slug>/): navy hero + card grid ---------- */
body.archive.category .site-main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
body.archive.category .site-main>.page-header{display:block!important;height:auto!important;position:relative;isolation:isolate;overflow:hidden;margin:0!important;padding:96px 24px 84px!important;text-align:center;background:radial-gradient(55% 90% at 0% 0%,rgba(31,77,255,.42),transparent 70%),radial-gradient(50% 90% at 100% 100%,rgba(122,60,255,.36),transparent 70%),#060a18!important}
body.archive.category .site-main>.page-header::before{content:"FORTIFY SEO BLOG · 카테고리";display:inline-flex;margin-bottom:20px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(160,190,255,.28);color:#9fb3ff;font-size:12.5px;font-weight:800;letter-spacing:.06em}
body.archive.category .site-main>.page-header h1.entry-title{margin:0!important;font-size:0!important;line-height:1!important;color:#fff!important;text-align:center!important}
body.archive.category .site-main>.page-header h1.entry-title span{font-size:clamp(40px,5.4vw,72px);font-weight:800;letter-spacing:-.05em;background:linear-gradient(90deg,#4f86ff,#a56bff 55%,#39e0c6);-webkit-background-clip:text;background-clip:text;color:transparent}
body.archive.category .site-main>.page-content{max-width:1180px!important;margin:0 auto!important;padding:56px 24px 104px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.archive.category article.post{display:flex;flex-direction:column;gap:12px;margin:0!important;padding:0 0 22px!important;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--sk-line);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
body.archive.category article.post:hover{transform:translateY(-5px);border-color:rgba(47,107,255,.35);box-shadow:0 28px 50px -30px rgba(30,60,160,.45)}
body.archive.category article.post>a:has(img){order:-1;display:block}
body.archive.category article.post img{display:block;width:100%!important;height:auto!important;aspect-ratio:1.9;object-fit:cover}
body.archive.category article.post h2.entry-title{margin:4px 22px 0!important;font-size:18px!important;line-height:1.45!important;font-weight:800!important;letter-spacing:-.035em!important}
body.archive.category article.post h2.entry-title a{color:var(--sk-ink)!important;text-decoration:none!important}
body.archive.category article.post p{margin:0 22px!important;font-size:14px;line-height:1.7;color:#5b6880;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.archive.category .pagination,body.archive.category nav.navigation{grid-column:1/-1}
@media(max-width:1020px){body.archive.category .site-main>.page-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.archive.category .site-main>.page-header{padding:60px 20px 52px!important}body.archive.category .site-main>.page-content{grid-template-columns:1fr;padding:32px 16px 72px!important}}