/* SEO 가이드 그룹 페이지에만 적용합니다. */
.tocs-seo-hub{--hub-ink:#253b59;--hub-muted:#5e7089}
.tocs-seo-hub .tocs-seo-nav>a{color:#5e718d;font-size:13px;min-height:44px}
.tocs-seo-hub .tocs-seo-nav>a>i{color:#6c83b2}
.tocs-seo-hub .tocs-seo-nav>a:hover{color:#315cf5}
.tocs-seo-hub .seo-hub-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 24px;padding:42px 44px;border:1px solid #e7edf9}
.tocs-seo-hub .tocs-domain-kicker{color:#5d7297;font-size:10px;letter-spacing:2px}
.tocs-seo-hub .seo-hub-hero h2{font-size:36px;line-height:1.45;letter-spacing:-1.2px;margin-bottom:15px}
.tocs-seo-hub .seo-hub-hero p{color:var(--hub-muted);font-size:14px;line-height:1.9}
.seo-hub-art{position:relative;flex:none;width:235px;height:200px;margin-right:30px}
.seo-hub-orbit{position:absolute;inset:0 16px;border:1px solid #ccd9f4;border-radius:50%;transform:rotate(-20deg)}
.seo-hub-orbit:after{content:"";position:absolute;inset:19px;border:1px dashed #cbd8f1;border-radius:50%}
.seo-hub-book{position:absolute;inset:38px 57px;display:grid;place-items:center;background:#fff;border:1px solid #dce5f7;border-radius:28px;transform:rotate(-6deg);box-shadow:0 16px 32px #3654850b;color:#6886de;font-size:48px}
.seo-hub-art>span{position:absolute;display:grid;place-items:center;width:47px;height:47px;border:1px solid #dce6f5;border-radius:15px;background:#fff;box-shadow:0 8px 20px #3654850a;font-size:19px}
.seo-hub-art-search{top:4px;left:20px;color:#6480d5}.seo-hub-art-chart{bottom:11px;right:13px;color:#379580}.seo-hub-art-globe{top:20px;right:4px;color:#9781bc}
.seo-hub-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 43px}
.seo-hub-topic{display:flex;align-items:center;gap:15px;min-width:0;min-height:114px;padding:23px 22px;border:1px solid #e1e8f3;border-radius:17px;background:#fff;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.seo-hub-topic:hover{background:#f9fbff;border-color:#bdccee;transform:translateY(-2px)}
.seo-hub-topic-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:14px;background:#eef2ff;color:#5878cc;font-size:19px}
.seo-hub-topic-tocscolumn .seo-hub-topic-icon{background:#f3effb;color:#8663ad}.seo-hub-topic-domainguide .seo-hub-topic-icon{background:#eaf6f2;color:#398271}
.seo-hub-topic-text{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.seo-hub-topic-text>strong{color:var(--hub-ink);font-size:17px;font-weight:700;letter-spacing:-.4px}.seo-hub-topic-text>span{color:var(--hub-muted);font-size:11px;line-height:1.8;word-break:keep-all}
.seo-hub-topic-arrow{color:#6980ae;font-size:12px;flex:none}
.seo-hub-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 21px}
.seo-hub-eyebrow{display:block;margin-bottom:8px;color:#617593;letter-spacing:1.8px;font-size:10px;font-weight:650}
.seo-hub-section-head h2{margin:0;color:var(--hub-ink);font-size:25px;font-weight:750;letter-spacing:-.8px;line-height:1.4}
.seo-hub-order{display:inline-flex;align-items:center;gap:6px;color:#65758c;font-size:12px;white-space:nowrap;padding-bottom:3px}
.tocs-seo-hub .seo-card-category{color:#526b94}.tocs-seo-hub .seo-card-volume{color:#4362bc}.tocs-seo-hub .seo-card-meta{color:#63738b}.tocs-seo-hub .seo-card-meta i{color:#6d82a5}.tocs-seo-hub .seo-card-read{color:#4262a9}.tocs-seo-hub .seo-card-read:hover{color:#315cf5}
.tocs-seo-hub .seo-list-empty p{color:#65758c}
@media(max-width:1199px){.seo-hub-topic{padding:19px 17px;gap:12px}.seo-hub-topic-text>span{font-size:11px}.seo-hub-topic-arrow{display:none}.seo-hub-art{margin-right:0}}
@media(max-width:991px){.tocs-seo-hub .seo-hub-hero{padding:34px}.tocs-seo-hub .seo-hub-hero h2{font-size:32px}.seo-hub-art{width:200px;transform:scale(.9)}.seo-hub-topic{align-items:flex-start;flex-direction:column}.seo-hub-topic-text>strong{font-size:16px}.seo-hub-topics{gap:12px}}
@media(max-width:767px){.tocs-seo-hub .tocs-seo-nav{padding:7px;gap:3px}.tocs-seo-hub .tocs-seo-nav>a{font-size:11px;padding:10px 11px;gap:6px}.tocs-seo-hub .seo-hub-hero{padding:27px 23px;margin-bottom:18px;gap:0}.tocs-seo-hub .seo-hub-hero h2{font-size:27px;letter-spacing:-.9px}.tocs-seo-hub .seo-hub-hero p{font-size:12px}.tocs-seo-hub .tocs-domain-kicker{font-size:9px}.seo-hub-art{display:none}.seo-hub-topics{grid-template-columns:1fr;gap:10px;margin-bottom:29px}.seo-hub-topic{flex-direction:row;align-items:center;min-height:82px;padding:16px;gap:13px;border-radius:13px}.seo-hub-topic-icon{width:43px;height:43px;font-size:17px;border-radius:12px}.seo-hub-topic-text{gap:4px}.seo-hub-topic-text>strong{font-size:15px}.seo-hub-topic-text>span{font-size:10px}.seo-hub-topic-arrow{display:block;font-size:10px}.seo-hub-section-head{margin-bottom:17px}.seo-hub-section-head h2{font-size:22px}.seo-hub-eyebrow{font-size:9px;margin-bottom:7px}.seo-hub-order{font-size:11px}.tocs-seo-hub .seo-card-meta{gap:10px}}
@media(max-width:359px){.tocs-seo-hub .tocs-seo-nav>a{padding:10px 8px;gap:5px;font-size:10px}.tocs-seo-hub .seo-hub-hero{padding:24px 19px}.tocs-seo-hub .seo-hub-hero h2{font-size:24px}.tocs-seo-hub .seo-hub-hero p{font-size:11px}.seo-hub-topic{padding:14px 12px;gap:10px}.seo-hub-topic-text>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.seo-hub-topic{transition:none}.seo-hub-topic:hover{transform:none}}
