/* Public Aptly Field Notes pages. Tokens come from aptly-theme.css. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;transition:none!important}
button{font:inherit}
a{color:var(--accent-strong);text-underline-offset:3px}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.notes-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1080px;margin:auto;padding:20px 24px;border-bottom:1px solid var(--border)}
.notes-brand{font:500 28px/1 var(--serif);letter-spacing:-.03em;color:var(--text);text-decoration:none;white-space:nowrap}
.notes-brand em{color:var(--accent);font-weight:600}
.notes-brand small{display:block;margin-top:8px;font:500 9px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
.notes-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.notes-nav a,.notes-nav button{font:600 12px var(--sans);color:var(--sub);background:none;border:0;cursor:pointer;text-decoration:none}
.notes-nav a:hover,.notes-nav button:hover{color:var(--accent)}
.notes-nav .notes-open{padding:9px 14px;border:1px solid var(--border);border-radius:4px;color:var(--text)}
.article-wrap{max-width:760px;margin:auto;padding:72px 24px 90px}
.article-eyebrow{margin:0 0 16px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.article-wrap h1,.article-wrap h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;color:var(--text)}
.article-wrap h1{font-size:clamp(2.35rem,6vw,3.65rem);line-height:1.08;margin:0 0 25px}
.article-wrap h2{font-size:clamp(1.65rem,3vw,2.1rem);line-height:1.16;margin:52px 0 16px}
.article-wrap h3{font-size:1.08rem;line-height:1.3;margin:28px 0 10px}
.article-wrap p,.article-wrap li{color:var(--ink-2)}
.article-wrap p{margin:0 0 18px}
.article-wrap p.article-lede{font-size:1.17rem;line-height:1.6;color:var(--text);margin-bottom:30px}
.article-wrap ul,.article-wrap ol{padding-left:22px;margin:0 0 24px}
.article-wrap li{padding-left:3px;margin-bottom:10px}
.article-note,.article-example{padding:20px 24px;margin:30px 0;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:0 5px 5px 0}
.article-note p:last-child,.article-example p:last-child{margin-bottom:0}
.article-example{font:14px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.article-example strong{color:var(--accent)}
.article-wrap a.article-cta{display:inline-flex;align-items:center;min-height:44px;margin:18px 0 36px;padding:10px 19px;border-radius:4px;background:var(--accent-strong);color:#fff;text-decoration:none;font-weight:700}
.article-wrap a.article-cta:hover{background:var(--accent);color:#fff}
body:not(.theme-light) .article-wrap a.article-cta{color:#16130d}
.article-faq{padding-top:25px;margin-top:30px;border-top:1px solid var(--border)}
.article-faq details{padding:14px 0;border-bottom:1px solid var(--border)}
.article-faq summary{cursor:pointer;font-weight:700;color:var(--text)}
.article-faq p{margin:12px 0 0}
.article-footer{margin-top:54px;padding-top:22px;border-top:1px solid var(--border);font-size:14px;color:var(--sub)}
.article-footer a{margin-right:12px}
.notes-footer{max-width:1080px;margin:auto;padding:24px;border-top:1px solid var(--border);font:12px var(--mono);color:var(--sub)}
@media(max-width:640px){.notes-header{padding:16px 20px;align-items:flex-start}.notes-brand{font-size:23px}.notes-nav{gap:10px}.article-wrap{padding:54px 20px 70px}.article-note,.article-example{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}