:root{--note-ink:#173b38;--note-deep:#0c302f;--note-teal:#116d69;--note-cream:#fbf8f1;--note-coral:#b8644d;--note-mist:#dcecea;--note-gold:var(--note-mist)}
body[data-page="athar-note"]{background:var(--note-cream);color:var(--note-ink)}
.note-hero{position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) 0;background:radial-gradient(circle at 82% 23%,rgba(232,197,133,.26),transparent 24%),linear-gradient(145deg,#0c302f,#174d4b);color:#fff}.note-hero::after{content:"";position:absolute;inset:auto -10% 12% 38%;height:1px;background:linear-gradient(90deg,transparent,var(--note-gold),transparent);transform:rotate(-6deg)}.note-hero .wrap{position:relative;z-index:1}.note-class{display:inline-flex;align-items:center;min-height:32px;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:var(--note-gold);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.note-hero h1{max-width:12ch;margin:1.3rem 0;font:400 clamp(3rem,7vw,6.8rem)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.05em}.note-deck{max-width:43rem;color:#c8dad4;font-size:clamp(1.05rem,1.8vw,1.35rem)}.note-boundary{max-width:44rem;margin-top:2rem;padding-inline-start:1rem;border-inline-start:3px solid var(--note-coral);color:#d8e4df;font-size:.86rem}.note-layout{display:grid;grid-template-columns:minmax(0,44rem) minmax(14rem,18rem);gap:clamp(2.5rem,7vw,7rem);align-items:start;padding:clamp(4rem,8vw,8rem) 0}.note-prose{font-size:clamp(1.04rem,1.3vw,1.18rem);line-height:1.85}.note-prose h2{margin:3.2rem 0 1.1rem;font:500 clamp(2rem,4vw,3.4rem)/1.05 Georgia,"Times New Roman",serif}.note-prose p{margin:0 0 1.5rem}.note-prose blockquote{margin:3rem 0;padding-inline-start:1.3rem;border-inline-start:4px solid var(--note-coral);font:500 clamp(1.45rem,3vw,2.5rem)/1.3 Georgia,"Times New Roman",serif}.note-prose .principle{padding:1.3rem;border-radius:1rem;background:var(--note-mist);font-size:.95rem}.note-aside{position:sticky;top:5rem;border-top:2px solid var(--note-ink);padding-top:1rem}.note-aside h2{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.note-aside a,.note-aside button{width:100%;min-height:44px;display:flex;align-items:center;padding:.7rem 0;border:0;border-bottom:1px solid rgba(23,59,56,.18);background:transparent;color:inherit;text-align:start;text-decoration:none;font:700 .9rem "Segoe UI",sans-serif;cursor:pointer}.note-return{padding:clamp(3rem,7vw,6rem) 0;background:var(--note-deep);color:#fff}.note-return h2{font:500 clamp(2rem,4vw,3.8rem) Georgia,serif}.note-return a{min-height:46px;display:inline-flex;align-items:center;padding:.6rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;text-decoration:none;font-weight:750}
[dir="rtl"] .note-hero h1,[dir="rtl"] .note-prose h2,[dir="rtl"] .note-prose blockquote,[dir="rtl"] .note-return h2{font-family:"Segoe UI",Tahoma,sans-serif;letter-spacing:0}
@media(max-width:800px){.note-layout{grid-template-columns:1fr}.note-aside{position:static;order:initial}}
@media(max-width:520px){.note-layout{padding-inline:12px}.note-hero h1{font-size:clamp(2.6rem,13vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}