:root{--bg:#f7fbff;--bg-soft:#eef8f7;--surface:#ffffffc7;--surface-strong:#fff;--text:#10202b;--muted:#5d6f7b;--border:#1f495824;--accent:#0f766e;--accent-strong:#0a5f59;--accent-soft:#dff5f2;--info:#0369a1;--danger:#b91c1c;--shadow:0 18px 50px #1b3a491f;--radius:8px;--max:1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{color:var(--text);background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 0,#0f766e1f,#0000 32rem),linear-gradient(#f7fbff 0%,#f8fbf9 46%,#fff 100%);min-width:320px;margin:0;font-size:16px;line-height:1.65}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-strong)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #0f766e5c}.container{width:min(100% - 32px, var(--max));margin-inline:auto}.skip-link,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:20;clip:auto;color:#fff;background:var(--accent);width:auto;height:auto;padding:10px 14px}.site-header{z-index:10;border-bottom:1px solid var(--border);backdrop-filter:blur(18px);background:#f7fbffdb;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.brand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{border-radius:var(--radius);width:36px;height:36px;color:var(--accent-strong);background:linear-gradient(135deg,#fff,#dff5f2);border:1px solid #0f766e38;place-items:center;display:grid}.desktop-nav,.mobile-nav{align-items:center;gap:4px}.desktop-nav{display:flex}.desktop-nav a,.nav-dropdown summary,.mobile-nav a{border-radius:var(--radius);color:#203643;padding:10px 12px;font-weight:650}.desktop-nav a:hover,.nav-dropdown summary:hover,.mobile-nav a:hover{background:#0f766e14}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.dropdown-panel{border:1px solid var(--border);border-radius:var(--radius);width:260px;box-shadow:var(--shadow);background:#fffffff5;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.menu-button{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface-strong);padding:9px 12px;display:none}.mobile-nav{border-top:1px solid var(--border);background:#fffffff0;padding:10px 16px 16px}.mobile-nav:not([hidden]){display:grid}.hero{padding:76px 0 54px}.hero-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffeb,#dff5f2b8),url(/images/default-cover.png) 50%/cover;gap:28px;padding:clamp(24px,5vw,54px);display:grid}.hero h1,.page-hero h1,.article-hero h1{max-width:820px;margin:0;font-size:clamp(2.25rem,5vw,4.6rem);line-height:1.03}.hero p,.page-hero p,.article-description{max-width:760px;color:var(--muted);margin:14px 0 0;font-size:1.12rem}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.search-shell{max-width:760px;position:relative}.search-shell input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#ffffffe6;box-shadow:0 10px 26px #1b3a4914}.search-hero input{min-height:62px;padding:0 20px;font-size:1.05rem}.search-compact input{min-height:48px;padding:0 14px}.search-results{z-index:8;inset-inline:0;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffffffa;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px)}.search-result-item{border-radius:var(--radius);gap:2px;padding:10px;display:grid}.search-result-item:hover{background:var(--accent-soft)}.search-result-item span{font-weight:800}.search-result-item small,.empty-result{color:var(--muted)}.section,.page-section{padding:48px 0}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.section-heading h2,.page-hero h1,.article-main h2{margin:0}.section-link{color:var(--accent-strong);font-weight:800}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card,.simple-card,.exchange-card,.callout,.risk-notice,.affiliate-disclosure-block,.article-disclaimer{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px);box-shadow:0 12px 32px #1b3a4914}.blog-card{overflow:hidden}.blog-card-image{aspect-ratio:16/9;background:#e9f5f4;display:block;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog-card-body,.simple-card{padding:18px}.blog-card h3,.simple-card h3,.exchange-card h3{margin:0;line-height:1.2}.blog-card p,.simple-card p,.exchange-card p{color:var(--muted)}.blog-card-compact .blog-card-image{display:none}.card-labels{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.card-labels span,.tag-list a,.filter-button{color:var(--accent-strong);background:#dff5f2bf;border:1px solid #0f766e29;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.meta-row{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:.9rem;display:flex}.page-hero{padding:62px 0 32px}.filter-bar{flex-wrap:wrap;gap:8px;margin:18px 0 28px;display:flex}.filter-button{cursor:pointer}.filter-button[aria-pressed=true]{color:#fff;background:var(--accent)}.article-hero{padding:52px 0 38px}.article-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:28px;display:grid}.article-cover{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#e9f5f4;margin:0;overflow:hidden}.article-cover img{aspect-ratio:16/10;object-fit:cover;width:100%}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.article-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px;padding-bottom:72px;display:grid}.toc{border-left:2px solid var(--border);padding-left:16px;position:sticky;top:96px}.toc-title{color:var(--accent-strong);margin:0 0 8px;font-weight:800}.toc nav{gap:8px;display:grid}.toc a{color:var(--muted);font-size:.92rem}.toc-depth-3{padding-left:12px}.article-main{min-width:0}.prose{color:#182b37;max-width:820px;font-size:1.05rem}.prose h2{margin-top:2.3em;padding-top:.2em;font-size:1.8rem;line-height:1.2}.prose h3{margin-top:1.8em;font-size:1.3rem;line-height:1.25}.prose h4{margin-top:1.4em}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote,.prose pre{margin:1.1em 0}.prose a{color:var(--accent-strong);text-underline-offset:3px;font-weight:700;text-decoration:underline 1px}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px}.prose th{background:var(--accent-soft)}.prose blockquote{border-left:4px solid var(--accent);color:#314955;background:#dff5f25c;margin-inline:0;padding:8px 0 8px 18px}.prose code{background:#edf4f6;border-radius:6px;padding:2px 5px}.prose pre{border:1px solid var(--border);border-radius:var(--radius);background:#f6f9fb;padding:14px;overflow-x:auto}.article-classic .prose{font-size:1.06rem}.article-research .toc{border-left-color:var(--accent)}.article-guide .callout-tip{border-color:#0f766e47}.article-comparison .prose table{box-shadow:0 10px 24px #1b3a490f}.article-figure{margin:28px 0}.article-figure img,.prose>img{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius);cursor:zoom-in;background:#fff;width:100%;max-height:min(72vh,720px)}.article-figure figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:.92rem}.callout,.risk-notice,.affiliate-disclosure-block,.article-disclaimer{margin:22px 0;padding:16px 18px}.callout strong,.risk-notice strong{margin-bottom:4px;display:block}.callout-note{border-color:#0369a133}.callout-tip{border-color:#0f766e3d}.callout-warning,.risk-notice{border-color:#b91c1c38}.risk-notice{color:#5f1f1f;background:#fffaf5eb}.risk-notice-compact{max-width:820px}.affiliate-button-wrap{margin:22px 0}.affiliate-button{border-radius:var(--radius);color:#fff;background:var(--accent);align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.affiliate-button:hover{color:#fff;background:var(--accent-strong)}.affiliate-button-wrap p,.exchange-card small{color:var(--muted);margin-top:8px;font-size:.9rem;display:block}.exchange-card{gap:12px;margin:24px 0;padding:18px;display:grid}.exchange-card>a{border-radius:var(--radius);color:var(--accent-strong);border:1px solid #0f766e38;justify-self:start;padding:9px 12px;font-weight:800}.referral-text{color:var(--accent-strong);font-weight:800}.image-lightbox{z-index:30;background:#09161ec7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-lightbox[hidden]{display:none}.image-lightbox img{border-radius:var(--radius);cursor:zoom-out;background:#fff;max-width:min(100%,1080px);max-height:86vh}.lightbox-close{border-radius:var(--radius);color:#fff;cursor:pointer;background:#10202bdb;border:0;padding:10px 13px;position:fixed;top:18px;right:18px}.site-footer{border-top:1px solid var(--border);background:#ffffffb8;padding:44px 0 26px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:26px;display:grid}.footer-grid h2{margin:0 0 10px;font-size:1rem}.footer-grid nav{gap:8px;display:grid}.footer-grid p,.footer-bottom{color:var(--muted)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;font-size:.92rem;display:flex}.legal-page,.admin-page{max-width:840px;padding-bottom:72px}@media (width<=900px){.desktop-nav{display:none}.menu-button{display:inline-flex}.card-grid,.card-grid.two,.footer-grid,.article-hero-grid,.article-shell{grid-template-columns:1fr}.toc{border-left:0;border-top:1px solid var(--border);padding:16px 0 0;position:static}.section-heading{flex-direction:column;align-items:start}}@media (width<=520px){.container{width:min(100% - 24px, var(--max))}.hero{padding-top:34px}.hero h1,.page-hero h1,.article-hero h1{font-size:2.15rem}.hero-panel{padding:20px}.search-results{inset-inline:12px;max-height:70vh;position:fixed;top:92px;overflow:auto}}
