/* Sonetia inner pages: privacy, support and not found.
   The same quiet look as the homepage, set for long reading. */

:root{--paper:#f5f4f0;--ink:#1d1d1f;--muted:#6e6e73;--line:#e2e0d9;--gold:#8a6a3a;--gilt:#c9a66b;--deep:#0d1009;--serif:'Gilda Display',Georgia,serif;--display:'Bodoni Moda',Georgia,serif;--gutter:clamp(22px,5vw,90px);
  --grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .13 0 0 0 0 .09 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
a{color:inherit;text-underline-offset:4px;text-decoration-color:#8f6a3580}
a:hover{text-decoration-color:currentColor}
a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
::selection{background:#c9a66b66}
.wrap{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--gutter)}

/* Running head */
.site-nav{border-bottom:1px solid var(--line)}
.site-nav .wrap{display:flex;align-items:baseline;gap:30px;padding-block:22px}
.site-nav .wordmark{margin-right:auto;font:400 30px/1 var(--display);letter-spacing:-.04em;text-decoration:none}
.site-nav a:not(.wordmark){font-size:14px;text-decoration:none;color:var(--muted)}
.site-nav a:not(.wordmark):hover,.site-nav a[aria-current]{color:var(--ink)}

/* Reading column */
.page main{padding-block:clamp(60px,9vw,130px) clamp(70px,9vw,140px)}
.prose{max-width:46rem;margin-inline:auto}
.prose h1,.notfound h1{font:400 clamp(52px,7vw,104px)/1 var(--serif);letter-spacing:-.05em;margin:0}
.updated{margin:18px 0 0;font-size:15px;color:var(--muted)}
.callout{margin:44px 0 10px;padding:28px 32px;border-radius:22px;background:#fff}
.callout p{margin:0;font:clamp(19px,1.6vw,23px)/1.45 var(--serif);letter-spacing:-.015em}
.callout strong{font-weight:400;color:var(--gold)}
.prose h2{font:400 clamp(30px,3vw,40px)/1.1 var(--serif);letter-spacing:-.03em;margin:68px 0 16px}
.prose h3{font:600 19px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.015em;margin:34px 0 6px}
.prose p,.prose li{color:#424245;font-size:17px}
.prose p{margin:0 0 16px}
.prose ul{padding-left:1.1em;margin:0 0 16px}
.prose li{margin-bottom:6px}
.prose li::marker{color:var(--gold)}
.prose strong{font-weight:600;color:var(--ink)}
.prose code{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;background:#e8e6df;padding:.1em .4em;border-radius:4px}

/* Not found */
.notfound{max-width:46rem;margin-inline:auto;text-align:center;padding-block:6vh}
.notfound p{color:var(--muted);font-size:17px;margin:22px 0 34px}
.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:18px;padding:14px 22px;border-radius:999px;border:1px solid var(--ink);text-decoration:none;font-size:14px;transition:transform .2s,background .2s}
.button.primary{background:var(--ink);color:var(--paper)}
.button:hover{transform:translateY(-2px)}

/* Footer */
.site-footer{border-top:1px solid var(--line);background:var(--paper)}
.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;padding-block:26px 34px;font-size:13px}
.site-footer .copyright{margin-right:auto;color:var(--muted)}
.site-footer a{text-decoration:none;color:var(--muted)}
.site-footer a:hover{color:var(--ink)}

@media(max-width:640px){
  .site-nav .wrap{gap:18px}
  .site-nav .wordmark{font-size:26px}
  .site-nav a:not(.wordmark){font-size:13px}
  .callout{padding:20px 22px}
  .site-footer .copyright{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}