/* Shared identity and reading styles. Existing article URLs and text are preserved. */
:root{--primary:#c76a00;--primary-dark:#9a4e00;--primary-soft:#fff7e9;--text:#30302f;--text-sub:#64645e;--text-mute:#77776f;--bg-soft:#f6f6f2;--line:#e3e3dc}
.logo,.brand-nav>a.logo{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none;padding:0}
.brand-symbol{position:relative;overflow:hidden;display:inline-block;width:43px;height:34px;background:#fff;flex-shrink:0}
.brand-symbol img{position:absolute;width:193.44px;height:auto;max-width:none;left:-75.14px;top:-30.42px}
.brand-word{display:inline-block;position:relative;overflow:hidden;width:112px;height:29px;background:#fff;flex-shrink:0}
.brand-word img{position:absolute;width:319.92px;height:auto;max-width:none;left:-104.92px;top:-118.68px}
.nav{background:#fff;border-bottom:1px solid #ecece7;box-shadow:none;backdrop-filter:none}
.nav-inner{max-width:1232px;padding:22px 24px;min-height:80px}
.nav-menu{gap:26px}.nav-menu a{font-weight:550;font-size:13px}
.nav-cta{background:#34342e!important;color:#fff!important;border-radius:5px!important;box-shadow:none!important;padding:11px 16px!important;font-size:12px!important}
.nav-cta:hover{background:#1e1e1a!important;transform:none!important}
.hero{background:#f6f6f2;padding-top:142px;padding-bottom:58px}
.hero h1{font-weight:700;letter-spacing:-.045em}.hero .hl{color:#a85300}.hero .hl::after{display:none}
.hero-badge{border-radius:3px;background:transparent;border:0;color:#8c4d00;font-size:12px;font-weight:600;letter-spacing:.06em;padding:0}
.hero p{color:#6c6c62;font-size:15px}.hero-stat-num{color:#35352d}.hero-stat{box-shadow:none}
.article-header{max-width:830px;padding:132px 30px 30px}
.article-header h1{font-size:38px;font-weight:700;line-height:1.4;letter-spacing:-.04em}
.article-meta .cat{background:#fff1d9;color:#895000;border-radius:3px;font-size:11px}
.article-body{max-width:830px;padding:0 30px 70px}
.article-body p,.article-body li{line-height:1.95}
.article-body h2{font-size:26px;font-weight:700;line-height:1.45;margin-top:50px;letter-spacing:-.035em}
.article-body h3{font-size:20px;font-weight:650;line-height:1.5}
.content-updated{padding-bottom:22px;margin:0 0 24px;border-bottom:1px solid #e8e8e0;font-size:12px;color:#7d7d71}
.toc{border:1px solid #e3e3d9;background:#f7f7f2;border-radius:5px;padding:0;margin:24px 0 34px}
.toc summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;line-height:1.6}
.toc summary::-webkit-details-marker{display:none}.toc summary span{font-size:19px;color:#905000;transition:transform .2s}
.toc[open] summary span{transform:rotate(180deg)}.toc summary:focus-visible{outline:3px solid #b86a00;outline-offset:3px}
.toc-links{padding:0 22px 18px}.toc ul{padding-left:20px;margin:0}.toc li{font-size:13px;line-height:1.85;margin:6px 0}
.info-box,.callout,.official-sources,.next-guides{border-radius:5px;box-shadow:none}
.table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;scrollbar-width:thin}.table-scroll table{margin:0}
.table-scroll:focus-visible{outline:3px solid #ad6600;outline-offset:3px}
th{background:#f6f5ee;border-bottom:2px solid #dfbf83}
.faq-item{border-radius:5px;padding:23px 24px;box-shadow:none}
.faq-item h4::before{background:#f4b550;color:#493313;border-radius:3px}
.cta-banner{background:#373830;border-radius:6px;box-shadow:none}
.cta-banner::before,.cta-banner::after{display:none}
.cta-banner .btn{border-radius:5px;background:#ffac31;color:#312c20;box-shadow:none}
.posts-grid{gap:22px}.post-card{border-radius:6px;border-color:#e4e4db;box-shadow:none;padding:29px}
.post-card:hover{box-shadow:0 8px 20px #26261a08;border-color:#c3a575}
.post-card h2{font-weight:650;line-height:1.5}
.post-tag{border-radius:3px;background:#fff3df;color:#8a5100;font-size:11px}
.search-box{border-radius:5px;border-color:#dcdcd2;box-shadow:none}
.filter-btn{border-radius:4px;box-shadow:none}.filter-btn.active{background:#34342d;color:#fff;border-color:#34342d}
.review-card,.learner-profile,.author-card{border-radius:6px;box-shadow:none}
.review-content blockquote{border-radius:0 5px 5px 0;background:#fff5e4;color:#3e3e34}
.review-content h2{font-weight:700;letter-spacing:-.035em}
.brand-page{background:#fff;color:#30302f}
.brand-nav{max-width:1184px;padding:22px 24px;min-height:80px}.brand-nav div{gap:25px;font-size:13px}
.brand-nav a{color:#3b3b35;text-decoration:none;font-weight:550}.brand-main{max-width:1080px;padding:65px 28px 85px}
.brand-main h1{font-weight:700;letter-spacing:-.05em;font-size:44px}.brand-lead{color:#717164;font-size:16px}
.brand-eyebrow{color:#9d5500;font-size:11px;letter-spacing:.12em}
.brand-main h2{font-size:25px;font-weight:650;margin-top:50px}
.brand-panel{background:#f6f6f0;border:0;border-left:3px solid #ffa521;border-radius:0;padding:26px 30px}
.brand-panel h2{margin-top:0}.brand-main a{color:#915000}
.directory-jump{gap:8px}.directory-jump a{border-radius:4px;font-size:12px;color:#515145}
.directory-list{gap:0 28px}.directory-list li{border:0;border-bottom:1px solid #deded2;border-radius:0;background:none;padding:24px 0}
.directory-list a{text-decoration:none;color:#38382f;font-size:17px;line-height:1.65}
.directory-list a:hover{text-decoration:underline;text-underline-offset:4px}
.directory-list p{font-size:13px;color:#7a7a6e}
.brand-footer{background:#33342e;color:#dbdbcf;font-size:12px}
.floating{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px))}.fab{display:flex;align-items:center;justify-content:center;gap:10px;min-width:192px;min-height:60px;background:#fee500!important;color:#252115!important;border:1px solid #d8c300;border-radius:999px!important;box-shadow:0 6px 24px #30290030,0 2px 6px #3029001a!important;font-size:17px!important;font-weight:800;line-height:1.4;white-space:nowrap;padding:16px 24px!important;transition:background .2s,box-shadow .2s}
.fab svg{width:25px;height:25px;flex-shrink:0;color:currentColor}.fab-badge,.fab-tooltip,.fab-wrap::before,.fab-wrap::after{display:none!important}.fab:hover{background:#f4d900!important;box-shadow:0 8px 28px #30290040!important;transform:none}.fab:focus-visible{outline:3px solid #252115;outline-offset:4px}
.footer{background:#34352f}.site-utility{font-size:12px}
@media(max-width:850px){.nav-inner{padding:17px 20px;min-height:72px}.nav-menu{gap:16px}.nav-menu a{font-size:12px}.nav-menu a:not(.nav-cta){display:none}.nav-menu{display:flex}.nav-cta{font-size:11px!important}.article-header h1{font-size:34px}.brand-nav div{gap:16px}}
@media(max-width:600px){.nav-inner{min-height:68px;padding:16px 18px}.logo,.brand-nav>a.logo{gap:4px}.brand-symbol{width:36px;height:29px}.brand-symbol img{width:164.424px;left:-63.869px;top:-25.857px}.brand-word{width:95px;height:25px}.brand-word img{width:271.932px;left:-89.182px;top:-100.878px}.nav-cta{padding:10px 12px!important;font-size:10px!important}
.hero{padding:112px 22px 40px}.hero h1{font-size:28px;line-height:1.4}.hero p{font-size:13px;line-height:1.9}.hero-badge{font-size:10px;margin-bottom:15px}
.article-header{padding:108px 22px 24px}.article-header h1{font-size:28px;line-height:1.45}.article-body{padding:0 22px 65px}.article-body p,.article-body li{font-size:15px;line-height:1.95}.article-body h2{font-size:23px;margin-top:40px}.article-body h3{font-size:19px}.content-updated{font-size:11px!important;padding-bottom:18px;margin-bottom:20px}.breadcrumb{font-size:10px;line-height:1.6;margin-bottom:20px}.article-meta{font-size:11px;margin-bottom:14px}.toc{margin-block:20px 30px}.toc summary{font-size:13px;padding:16px 18px}.toc-links{padding:0 18px 16px}.toc li{font-size:12px!important}.table-scroll table{min-width:540px}.table-scroll th,.table-scroll td{font-size:13px;padding:13px 14px}.official-sources,.next-guides{padding:20px}.faq-item{padding:20px 18px}.faq-item h4{font-size:15px}.faq-item p{font-size:13px!important}
.posts-section{padding-inline:20px}.post-card{padding:24px;border-radius:5px}.posts-grid{gap:14px}.review-content p{font-size:15px;line-height:1.95}.review-content blockquote{font-size:15px;line-height:1.85}.learner-profile{padding:22px}
.brand-nav{padding:18px 20px;gap:20px;align-items:center;flex-wrap:wrap}.brand-nav div{gap:15px;max-width:none;justify-content:flex-start;font-size:11px}.brand-main{padding:36px 22px 65px}.brand-main h1{font-size:31px;line-height:1.4}.brand-lead{font-size:14px;line-height:1.9}.brand-panel{padding:22px}.brand-main h2{font-size:22px}.directory-list a{font-size:16px}.directory-list p{font-size:12px}.directory-jump a{font-size:11px;padding:7px 10px}.floating{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px}.fab{min-width:180px;min-height:56px;gap:9px;font-size:16px!important;padding:14px 20px!important}.fab svg{width:24px;height:24px}.footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}}
@media(prefers-reduced-motion:reduce){.toc summary span{transition:none}}