:root{--bg: #f6f1ea;--bg-strong: #e8d3be;--surface: rgba(255, 255, 255, .72);--surface-strong: #fffdf9;--text: #171717;--muted: #6c635c;--line: rgba(23, 23, 23, .1);--accent: #c76d4c;--accent-soft: #f1d4bf;--accent-cool: #7a93a6;--code: #12161d;--shadow: 0 24px 64px rgba(20, 18, 17, .08);--radius: 28px;--radius-sm: 18px;--font-body: "Inter Variable", Inter, system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(199,109,76,.14),transparent 32%),radial-gradient(circle at top right,rgba(122,147,166,.12),transparent 28%),linear-gradient(180deg,#fbf6ef 0%,var(--bg) 100%);font-family:var(--font-body);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:20px 0 48px;min-width:0}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header{position:sticky;top:12px;z-index:50;margin-bottom:40px;padding:14px 18px;backdrop-filter:blur(18px);background:#fffcf7c7;border:1px solid rgba(255,255,255,.6);border-radius:999px;box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 auto}.brand__mark img{width:54px;height:54px;display:block;filter:drop-shadow(0 8px 18px rgba(20,18,17,.18))}.brand__copy{display:grid;gap:2px}.brand__copy strong{font-size:.96rem}.brand__copy small{color:var(--muted);font-size:.74rem}.site-nav{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.site-nav a{color:var(--muted);font-size:.94rem}.lang-pill{padding:.42rem .8rem;border-radius:999px;background:var(--text);color:#fff!important}.landing-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:24px;align-items:stretch;margin-bottom:28px}.landing-hero__copy,.landing-hero__panel,.post-card,.page-card,.article-frame,.article-hero,.related-card{background:var(--surface);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);max-width:100%;min-width:0;overflow-wrap:anywhere}.landing-hero__copy,.landing-hero__panel,.post-card,.page-card,.article-hero,.related-card{backdrop-filter:blur(16px)}.landing-hero__copy,.landing-hero__panel,.page-card{border-radius:var(--radius);padding:32px}.eyebrow,.article-kicker,.post-card__meta,.article-meta{display:inline-flex;gap:.65rem;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted)}.landing-hero h1,.article-title,.post-card h2,.related-card h3,.page-card h1,.page-card h2,.prose h1,.prose h2,.prose h3{font-family:var(--font-display);line-height:1.04;letter-spacing:-.03em}.landing-hero h1{margin:14px 0 18px;font-size:clamp(2.8rem,5vw,5.4rem);max-width:12ch}.lede,.article-dek{margin:0;max-width:62ch;color:var(--muted);font-size:1.05rem}.landing-hero__panel{display:grid;align-content:center;gap:12px;background:linear-gradient(180deg,#f0dac3e6,#e8d6c58c)}.landing-hero__panel p{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2vw,2rem)}.post-grid,.related-strip__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.post-card,.related-card{grid-column:span 4;border-radius:24px;padding:24px;transition:transform .16s ease,border-color .16s ease}.post-card--feature{grid-column:span 12;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;min-height:280px;background:linear-gradient(135deg,#fff8f0f0,#fcf3e8d1),radial-gradient(circle at right top,rgba(122,147,166,.14),transparent 30%)}.post-card:hover,.related-card:hover{transform:translateY(-3px);border-color:#c76d4c47}.post-card h2,.related-card h3{margin:16px 0 10px;font-size:clamp(1.45rem,2vw,2rem)}.post-card p,.related-card p{margin:0;color:var(--muted)}.article-stage{display:grid;gap:24px;margin-bottom:34px;min-width:0}.article-hero{border-radius:34px;padding:clamp(32px,5vw,56px);background:linear-gradient(125deg,#fff5eaf2,#f1d4bfb3),radial-gradient(circle at top right,rgba(122,147,166,.2),transparent 32%)}.article-title{margin:16px 0 18px;max-width:14ch;font-size:clamp(3rem,6vw,5.8rem)}.article-meta{margin-top:18px;flex-wrap:wrap}.article-frame{border-radius:34px;padding:clamp(28px,5vw,56px) clamp(24px,5vw,52px);background:#fffdfae0;max-width:1040px;margin:0 auto;width:100%}.article-prose{font-size:1.09rem;line-height:1.75;min-width:0;max-width:100%;overflow-wrap:break-word}.prose h2,.prose h3,.prose h4{margin-top:2.4em;margin-bottom:.7em}.prose h2{font-size:2.05rem}.prose h3{font-size:1.5rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table{margin:1.15rem 0}.prose p{color:#27221e}.prose strong{color:#111}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.prose pre{max-width:100%;overflow:auto;border-radius:22px;padding:1.1rem 1.2rem;background:var(--code);box-shadow:inset 0 1px #ffffff0a}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.prose :not(pre)>code{padding:.18rem .42rem;border-radius:.5rem;background:#c76d4c1f;font-size:.92em}.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;border-radius:18px;background:#ffffffc7}.prose th,.prose td{padding:.82rem .92rem;border:1px solid rgba(23,23,23,.07);text-align:start}.prose th{background:#c76d4c14;font-weight:700}.pull-quote{position:relative;margin:2.4rem 0;padding:1.6rem 1.8rem 1.5rem;border-radius:20px;background:linear-gradient(135deg,#f1d4bf8c,#f1d4bf47);border-inline-start:4px solid var(--accent)}.pull-quote__mark{font-family:var(--font-display);font-size:3.5rem;line-height:.6;color:#c76d4c66;display:block;margin-bottom:.6rem}.pull-quote__body{margin:0;font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.42rem);font-style:italic;line-height:1.3;color:#2a1f18}.pull-quote__author{margin:.9rem 0 0;color:var(--muted);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.sidenote-wrapper,.inline-note{position:relative;display:inline}.sidenote-ref,.inline-note__label{appearance:none;border:0;padding:0;font:inherit;display:inline-flex;align-items:center;justify-content:center;inline-size:1.35rem;block-size:1.35rem;margin-inline:.1rem;border-radius:999px;background:#c76d4c21;color:var(--accent);font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;vertical-align:super;transition:background .12s ease,color .12s ease;user-select:none;line-height:1;letter-spacing:0}.sidenote-ref:hover,.inline-note__label:hover{background:#c76d4c42;color:#a85038}.sidenote-checkbox,.inline-note__checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sidenote,.inline-note__body{position:relative;width:clamp(240px,24vw,320px);margin-top:.45rem;padding:.95rem 1.1rem 1rem;border-radius:16px;border:1px solid rgba(199,109,76,.15);border-top:2px solid var(--accent);background:#fffcf8fc;color:#3a3330;font-size:.84rem;line-height:1.62;display:grid;grid-template-columns:1.5rem 1fr;column-gap:.6rem;align-items:start;box-shadow:0 2px #c76d4c14,0 16px 40px #14121121,0 2px 8px #1412110d;backdrop-filter:blur(20px);z-index:2;opacity:1;visibility:visible;transition:border-color .12s ease;pointer-events:auto}.sidenote.is-visible,.inline-note__body.is-visible{opacity:1;visibility:visible;pointer-events:auto}.sidenote-wrapper:focus-within>.sidenote,.inline-note:focus-within>.inline-note__body,.sidenote-wrapper:hover>.sidenote,.inline-note:hover>.inline-note__body{border-color:#c76d4c52}.sidenote>:not(.sidenote-index){grid-column:2}.inline-note__body{grid-template-columns:1fr}.sidenote-index{grid-column:1;margin-top:.18rem;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;flex-shrink:0;line-height:1}.sidenote :where(p,ul,ol,.sidenote-p,.sidenote-ul,.sidenote-ol,.sidenote-blockquote,.sidenote-li),.inline-note__body :where(p,ul,ol,.sidenote-p,.sidenote-ul,.sidenote-ol,.sidenote-blockquote,.sidenote-li){display:block;margin:.3rem 0}.sidenote :where(p,ul,ol,.sidenote-p):first-of-type,.inline-note__body :where(p,ul,ol,.sidenote-p):first-of-type{margin-top:0}.sidenote :where(.sidenote-ul,.sidenote-ol){padding-inline-start:1.2rem}.sidenote :where(.sidenote-li){list-style:inherit}.sidenote a,.inline-note__body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em;word-break:break-word}.sidenote strong,.inline-note__body strong{color:#1e1a17}[dir=rtl] .sidenote,[dir=rtl] .inline-note__body{direction:rtl}@media(min-width:901px){.article-frame{max-width:100%}.article-prose{position:relative;padding-left:clamp(220px,calc(20vw + 20px),300px);padding-right:clamp(220px,calc(20vw + 20px),300px)}.prose--pretext-flow.article-prose{padding-left:0;padding-right:0;transition:padding .12s ease}.sidenote-wrapper,.inline-note{position:static}.sidenote,.inline-note__body{position:absolute;width:clamp(180px,18vw,240px);margin:0;z-index:5}.inline-note>.inline-note__body{width:clamp(200px,20vw,280px);max-width:calc(clamp(220px,calc(20vw + 20px),300px) - 1rem)}.sidenote--right .sidenote,.sidenote--right .inline-note__body,.sidenote,.inline-note__body{right:0;left:auto}.sidenote--left .sidenote,.sidenote--left .inline-note__body{left:0;right:auto}[dir=rtl] .sidenote--right .sidenote,[dir=rtl] .sidenote--right .inline-note__body,[dir=rtl] .sidenote,[dir=rtl] .inline-note__body{right:auto;left:0}[dir=rtl] .sidenote--left .sidenote,[dir=rtl] .sidenote--left .inline-note__body{left:auto;right:0}.article-prose--flowed{padding-left:clamp(8px,1.4vw,24px);padding-right:clamp(8px,1.4vw,24px)}.article-prose--flowed .sidenote-wrapper,.article-prose--flowed .inline-note{position:relative;display:inline}.article-prose--flowed .sidenote,.article-prose--flowed .inline-note__body{position:static;float:right;clear:right;width:clamp(200px,22vw,280px);max-width:42%;margin:.15rem 0 .85rem 1.1rem;z-index:auto}.article-prose--flowed .sidenote--left .sidenote,.article-prose--flowed .sidenote--left .inline-note__body,[dir=rtl] .article-prose--flowed .sidenote,[dir=rtl] .article-prose--flowed .inline-note__body{float:left;clear:left;margin:.15rem 1.1rem .85rem 0}[dir=rtl] .article-prose--flowed .sidenote--left .sidenote,[dir=rtl] .article-prose--flowed .sidenote--left .inline-note__body{float:right;clear:right;margin:.15rem 0 .85rem 1.1rem}}.related-strip{margin:0 0 24px;padding:0 4px}.related-strip h2{margin:0 0 14px;font-family:var(--font-display);font-size:1.8rem}.page-stage{padding:8px 0 24px}.page-card{width:min(820px,100%);margin:0 auto}.site-footer{margin-top:28px;padding:24px 8px 0;color:var(--muted);font-size:.92rem;border-top:1px solid rgba(23,23,23,.08);flex-direction:column;align-items:flex-start;gap:.35rem}.site-footer p{margin:0}.site-footer__copyright{font-size:.82rem;opacity:.92}[dir=rtl] .pull-quote{border-inline-start:none;border-inline-end:4px solid var(--accent)}@media(max-width:900px){.landing-hero,.post-card--feature{grid-template-columns:1fr}.post-card,.related-card{grid-column:span 12}.article-title{max-width:100%}.sidenote,.inline-note__body{position:static;display:none;width:auto;top:auto;left:auto;right:auto;margin:.6rem 0 0;opacity:1;visibility:visible;pointer-events:auto;border-top:none;border:1px solid rgba(199,109,76,.18);border-inline-start:3px solid var(--accent);border-radius:0 12px 12px 0;box-shadow:none;backdrop-filter:none}.sidenote.is-visible,.inline-note__body.is-visible{display:none}.sidenote-wrapper.is-open>.sidenote,.inline-note.is-open>.inline-note__body{display:grid}}@media(max-width:680px){.site-shell{width:min(100vw - 20px,1200px)}.site-header,.site-footer{display:grid;justify-content:stretch}.landing-hero__copy,.landing-hero__panel,.page-card,.article-hero,.article-frame,.post-card,.related-card{padding:22px;border-radius:22px}.landing-hero h1,.article-title{font-size:clamp(2.25rem,10vw,3.5rem)}.article-prose{font-size:1rem}}.compliance-card{margin:1rem 0 1.25rem;padding:1rem 1.15rem;border-radius:16px;border:1px solid rgba(199,109,76,.24);background:linear-gradient(180deg,#f1d4bf80,#fffcf7e6)}.compliance-card h2{margin:0 0 .45rem;font-size:1.02rem}.compliance-card p{margin:0}.compliance-card--soft{border-color:#17171724;background:#ffffffb3}.referral-cta{margin:1rem 0 1.4rem;padding:1rem 1.1rem;border-radius:16px;background:#171717eb;color:#fff}.referral-cta h3{margin:0 0 .4rem;font-size:1.02rem}.referral-cta p{margin:.25rem 0 .6rem;color:#ffffffe0}.referral-cta__buttons{display:flex;flex-wrap:wrap;gap:.55rem}.referral-cta__buttons a{display:inline-flex;align-items:center;justify-content:center;padding:.48rem .78rem;border-radius:999px;background:#fff;color:#101010;font-size:.9rem;text-decoration:none}.referral-cta__terms{margin-top:.55rem;font-size:.8rem;color:#ffffffb8}.sources-section{margin:1.6rem 0 .4rem;padding:1rem 1.1rem;border-radius:16px;background:#ffffffb8;border:1px solid rgba(23,23,23,.1)}.sources-section h2{margin:0 0 .35rem;font-size:1.08rem}.sources-section__reviewed{margin:0 0 .65rem;color:var(--muted);font-size:.9rem}.sources-section ul{margin:0;padding-inline-start:1.2rem}.sources-section li{margin:.35rem 0}.mermaid-figure{margin:1.2rem 0;padding:.95rem;border-radius:18px;border:1px solid rgba(23,23,23,.1);background:#ffffffd1;overflow:auto}.mermaid-figure pre{margin:0;background:transparent;padding:0}.mermaid-figure[data-rendered=fallback] pre{color:#2a1f18;font-size:.82rem;white-space:pre}.mermaid-figure figcaption{margin-top:.55rem;color:var(--muted);font-size:.86rem}.demo-preview{margin:1.4rem 0;border-radius:18px;border:1px solid rgba(23,23,23,.1);background:#ffffffd1;overflow:hidden}.demo-preview__img-wrap{position:relative;line-height:0}.demo-preview__img-wrap img{width:100%;height:auto;border-radius:16px 16px 0 0;display:block}.demo-preview__badge{position:absolute;bottom:.75rem;right:.75rem;background:#171717c7;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.3rem .7rem;border-radius:999px;text-decoration:none;backdrop-filter:blur(6px);opacity:.82;transition:opacity .15s ease,background .15s ease}.demo-preview__badge:hover{opacity:1;background:#171717f0}.demo-preview__caption{padding:.55rem .95rem .7rem;color:var(--muted);font-size:.86rem;line-height:1.45}.compliance-note{margin:1rem 0;padding:.9rem .95rem;border-radius:14px;border-inline-start:4px solid var(--accent);background:#ffffffc7}[dir=rtl] .compliance-note{border-inline-start:none;border-inline-end:4px solid var(--accent)}.compliance-note strong{display:block;margin-bottom:.35rem}.compliance-note--warning{border-color:#c2410c}.compliance-note--success{border-color:#15803d}.calculator-embed{margin:1.5rem 0;max-width:100%;min-width:0}.calculator-app{border-radius:20px;border:1px solid rgba(23,23,23,.1);background:#fffc;padding:1rem;max-width:100%;min-width:0;overflow-wrap:anywhere}.calculator-app__header h3{margin:0 0 .25rem;font-size:1.18rem}.calculator-app__header p{margin:0 0 .85rem;color:var(--muted)}.calculator-app__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.95rem;min-width:0}.calculator-form{display:grid;gap:.65rem;align-content:start;min-width:0}.calculator-field{display:grid;gap:.35rem}.calculator-field__label{font-size:.86rem;color:var(--muted)}.calculator-field__control{width:100%;border:1px solid rgba(23,23,23,.16);border-radius:10px;padding:.5rem .55rem;font:inherit;background:#fff}.calculator-field__suffix{color:var(--muted);font-size:.8rem}.calculator-field__checkbox{display:inline-flex;align-items:center;gap:.55rem}.calculator-field__checkbox small{color:var(--muted)}.calculator-results{border:1px solid rgba(23,23,23,.08);border-radius:14px;padding:.75rem;background:#ffffffb8;min-width:0;max-width:100%}.calculator-metrics{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.calculator-metrics li{padding:.5rem;border-radius:10px;background:#f1d4bf61}.calculator-metrics span{display:block;font-size:.8rem;color:var(--muted)}.calculator-metrics strong{font-size:.95rem}.calculator-recommendation{margin:.7rem 0;font-weight:600}.calculator-chart{border:1px solid rgba(23,23,23,.08);border-radius:12px;background:#fff;max-width:100%;overflow-x:auto}.calculator-chart svg{width:100%;min-width:560px;display:block}.calculator-axis-label{fill:#5f5851;font-size:12px}.calculator-legend-label{fill:#2c2824;font-size:12px}.calculator-cta{margin-top:.7rem;display:inline-flex;padding:.52rem .88rem;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-size:.9rem}@media(max-width:980px){.calculator-app__grid,.calculator-metrics{grid-template-columns:1fr}}
