/* Public, readable guide pages and the white workspace learning center. */
.seo-learning{color:#20363b;background:#fff;font-family:Inter,Arial,sans-serif}
.seo-learning .seo-hero{background:#f6f9f9;border-bottom:1px solid #dbe5e7}
.seo-learning .seo-header,.seo-learning .seo-footer{background:#fff}
.seo-learning .seo-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.12;letter-spacing:-.035em;max-width:940px}
.seo-learning .eyebrow,.seo-learning .section-kicker{color:#087c72}
.seo-learning .button{background:#087c72;color:#fff;border-color:#087c72}
.seo-learning .lead{max-width:800px;color:#50676d;font-size:18px;line-height:1.65}
.seo-learning .evidence-note{background:#eaf7f4;color:#315952;border-color:#c7e9e2}
.seo-learning .content-section p,.seo-learning .content-section li{line-height:1.8}
.seo-learning .content-section{max-width:1040px}
.guide-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #dbe5e7;border-radius:12px;margin:24px 0}
.guide-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.guide-table-wrap th{background:#eff6f5;color:#245d55;font-weight:650}
.guide-table-wrap th,.guide-table-wrap td{padding:14px 16px;border-bottom:1px solid #dbe5e7;vertical-align:top;line-height:1.6;min-width:130px}
.guide-table-wrap tr:last-child td{border-bottom:0}
.guide-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-category-grid>a{border:1px solid #dbe5e7;border-radius:14px;padding:22px;color:#20363b;background:#fff;text-decoration:none}
.guide-category-grid>a>span{color:#087c72;font-size:12px;font-weight:700}
.guide-category-grid h2{font-size:22px!important;margin:12px 0!important}
.guide-category-grid p{color:#5c7076;font-size:14px;line-height:1.65;margin:0 0 16px}
.guide-category-grid small{display:flex;justify-content:space-between;color:#087c72}
.guide-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-link-card{display:flex;flex-direction:column;padding:22px;border:1px solid #dbe5e7;border-radius:14px;color:#20363b;text-decoration:none;background:#fff}
.guide-card-kind{color:#087c72;font-size:10px;letter-spacing:.08em;font-weight:700}
.guide-link-card h3{font-size:19px;line-height:1.4;margin:14px 0 10px}
.guide-link-card p{font-size:14px;line-height:1.65;margin:0 0 16px;color:#5c7076}
.guide-card-end{display:flex;justify-content:space-between;margin-top:auto;color:#087c72;font-size:12px}
.guide-bottom-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe5e7;border-radius:10px;color:#3f666a;background:#fff;text-decoration:none;font-size:12px;margin:8px 0}
.guide-bottom-link>b{margin-left:auto;font-size:12px;font-weight:400}.guide-bottom-link.active{color:#087c72;background:#e8f7f4;border-color:#b9dfd8}
.sidebar-guide-topics{margin:2px 10px 8px;padding:0 8px;color:#5c7076;font-size:11px}.sidebar-guide-topics summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:7px 0}.sidebar-guide-topics a{font-size:11px!important;min-height:30px!important;padding:6px 10px!important;border:0!important}.sidebar-guide-topics a::before{content:'·';margin-right:8px;color:#087c72}
.nav-collapsed .sidebar-guide-topics,.nav-collapsed .guide-bottom-link{display:none}
#guide-hub{height:100%;width:100%;display:flex;flex-direction:column;min-height:0;color:#20363b}
.gh-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 20px;flex:none}
.gh-kicker{font-size:10px;letter-spacing:.15em;color:#087c72}.gh-header h1{font-size:29px;letter-spacing:-.035em;margin:8px 0}.gh-header p{font-size:12px;color:#5c7076;margin:0;line-height:1.6}.gh-header>a{font-size:12px}
.gh-body{flex:1;min-height:0;border:1px solid #dbe5e7;border-radius:16px;background:#fff;overflow:hidden}
.gh-browser,.gh-reading{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:24px;scrollbar-width:thin;scrollbar-color:#a8bbb9 transparent;box-sizing:border-box}
.gh-browser[hidden],.gh-reading[hidden]{display:none}
.gh-search{max-width:620px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #cad9dc;border-radius:10px;background:#f9fbfb;height:46px}
.gh-search svg{width:18px;height:18px;fill:none;stroke:#678086;stroke-width:1.7;flex:none}.gh-search input{background:transparent!important;color:#20363b!important;border:0!important;outline:0;box-shadow:none!important;padding:0!important;width:100%;font-size:13px;height:100%}
.gh-search:focus-within{outline:2px solid #87cfc4;outline-offset:2px}
.gh-topics{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 15px}.gh-topics button{font-size:11px;color:#567277;padding:8px 11px;background:#fff;border:1px solid #dbe5e7;border-radius:8px;cursor:pointer}.gh-topics button.active{background:#e8f7f4;color:#087c72;border-color:#b7e0d7}
.gh-count{font-size:11px;color:#6b7e83;margin:16px 0}.gh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gh-card{display:flex;flex-direction:column;gap:12px;min-width:0;border:1px solid #dbe5e7;border-radius:12px;background:#fff;padding:20px;text-decoration:none;color:#20363b;transition:border-color .18s,background .18s}
.gh-card:hover,.guide-link-card:hover,.guide-category-grid>a:hover{border-color:#8dbfb6;background:#fafdfc}.gh-card:focus-visible{outline:2px solid #087c72;outline-offset:3px}
.gh-card-category{color:#087c72;font-size:10px;font-weight:600}.gh-card h2{font-size:16px;line-height:1.45;letter-spacing:-.015em;margin:0}.gh-card p{font-size:12px;line-height:1.7;color:#65797e;margin:0}.gh-card-footer{font-size:11px;color:#087c72;margin-top:auto;display:flex;justify-content:space-between;padding-top:8px}
.gh-empty{padding:60px 20px;text-align:center;grid-column:1/-1}.gh-empty h2{font-size:18px}.gh-empty p{font-size:13px;color:#5c7076}
.gh-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-24px;z-index:2;background:#fff;padding:12px 0;border-bottom:1px solid #dbe5e7;margin-bottom:20px}.gh-reader-toolbar a{font-size:12px;color:#087c72}
.gh-reader-content{max-width:880px;margin:auto;line-height:1.8}.gh-reader-content h1{font-size:30px;line-height:1.2;letter-spacing:-.035em}.gh-reader-content h2{font-size:23px;line-height:1.35}.gh-reader-content h3{font-size:17px}.gh-reader-content p,.gh-reader-content li{font-size:14px;color:#50676d}.gh-reader-content a{color:#087c72}.gh-reader-content .seo-hero{padding:22px;border-radius:12px}.gh-reader-content .lead{font-size:15px}.gh-reader-content .evidence-note{padding:14px;border-radius:8px;margin:20px 0}.gh-reader-content .evidence-note p{font-size:12px;margin:6px 0}.gh-reader-content .guide-toc{padding:10px 0;font-size:12px}.gh-reader-content .content-section{padding:25px 0;border-bottom:1px solid #e4ecee}.gh-reader-content .section-kicker{font-size:10px;letter-spacing:.08em}.gh-reader-content .editorial-meta{font-size:11px;display:flex;flex-wrap:wrap;gap:15px;padding:20px 0}.gh-reader-content details{padding:12px 0;border-bottom:1px solid #e4ecee}.gh-reader-content summary{font-size:14px;cursor:pointer}.gh-reader-content .hero-proof img{max-width:100%;height:auto}.gh-reader-content .hero-proof figcaption{font-size:11px}.gh-reader-content .related-links{display:grid;gap:10px}.gh-reader-content .related-links a{display:flex;justify-content:space-between;border:1px solid #dbe5e7;padding:12px;border-radius:8px;font-size:13px}
@media(min-width:901px){body:has(#guide-hub){height:100dvh;overflow:hidden}body:has(#guide-hub) .shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}body:has(#guide-hub) #main{flex:1;min-height:0;overflow:hidden;padding:16px 28px 20px}body:has(#guide-hub) .shell>footer{display:none}}
@media(max-width:1200px){.gh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#guide-hub{height:auto}.gh-body{overflow:visible}.gh-browser,.gh-reading{height:auto;overflow:visible;padding:18px}.gh-header{align-items:flex-start}.gh-reader-toolbar{top:0}.sidebar-guide-topics{display:none}}
@media(max-width:600px){.gh-cards,.guide-link-grid,.guide-category-grid{grid-template-columns:1fr}.gh-header{display:block}.gh-header>a{display:inline-block;margin-top:12px}.gh-header h1{font-size:25px}.gh-reader-content h1{font-size:25px}.gh-reader-content .seo-hero{padding:16px}.gh-reader-toolbar{font-size:11px}.gh-reader-toolbar a{max-width:45%;text-align:right}}
@media(prefers-reduced-motion:reduce){.gh-card{transition:none}}
.gh-reader-content .seo-hero h2{font-size:30px;line-height:1.2;letter-spacing:-.035em}.gh-reader-content .content-section h3{font-size:23px;line-height:1.35}
.gh-reader-content [id]{scroll-margin-top:90px}
@media(max-width:900px){.gh-reader-content [id]{scroll-margin-top:140px}}