/* sorentis.online — single local stylesheet. No @import, no remote fonts, no external resources of any kind. */ :root{ --ink:#16241a; --muted:#5a6d5e; --brand:#2f7d4f; --brand-dark:#1f5a38; --brand-ink:#ffffff; --line:#cfe0d2; --soft:#e2efe4; --surface:#eff6ef; --bg:#fbfdf9; --amber:#8a5a05; --amber-bg:#fdf6e6; --amber-line:#e8d4a4; --radius:10px; --maxw:1180px; --f-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; --f-head:Georgia,"Times New Roman",Cambria,"Noto Serif",serif; --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; background:var(--bg); color:var(--ink); font:400 17px/1.65 var(--f-body); } img,svg{max-width:100%;height:auto} a{color:var(--brand-dark);text-underline-offset:2px} a:hover{color:var(--brand)} h1,h2,h3,h4{font-family:var(--f-head);line-height:1.25;color:var(--ink);font-weight:700} h1{font-size:2.05rem;margin:.2em 0 .45em} h2{font-size:1.5rem;margin:2.2em 0 .6em;padding-top:.4em;border-top:1px solid var(--line)} h3{font-size:1.16rem;margin:1.7em 0 .45em} h4{font-size:1rem;margin:1.4em 0 .4em} p{margin:0 0 1.05em} ul,ol{margin:0 0 1.15em;padding-left:1.3em} li{margin:.35em 0} strong{font-weight:700} code{font-family:var(--f-mono);font-size:.9em;background:var(--surface);padding:.12em .35em;border-radius:4px} /* ---------- disclosure bar (must be first element in ) ---------- */ .disclosure-bar{ background:var(--amber-bg); border-bottom:1px solid var(--amber-line); color:var(--amber); font-size:.82rem; line-height:1.45; padding:.55em 1rem; text-align:center; } .disclosure-bar strong{font-weight:700} .disclosure-bar a{color:var(--amber)} /* ---------- header ---------- */ .site-head{ background:#fff; border-bottom:1px solid var(--line); } .site-head-in{ max-width:var(--maxw);margin:0 auto;padding:.85rem 1rem; display:flex;align-items:center;gap:1rem;flex-wrap:wrap; } .brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-weight:700} .brand svg{display:block;width:28px;height:28px;flex:0 0 auto} .brand-t{font-family:var(--f-head);font-size:1.22rem;letter-spacing:-.01em} .brand-sub{display:block;font-family:var(--f-body);font-size:.68rem;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase} .site-nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-size:.9rem} .site-nav a{color:var(--muted);text-decoration:none} .site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--brand-dark);text-decoration:underline} /* ---------- layout ---------- */ .wrap{max-width:var(--maxw);margin:0 auto;padding:1.6rem 1rem 3rem;display:grid;gap:2rem;grid-template-columns:230px minmax(0,1fr) 270px} .wrap.narrow{grid-template-columns:minmax(0,760px);justify-content:center} main{min-width:0} .rail{min-width:0;font-size:.92rem} .toc{position:sticky;top:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem} .toc h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .6rem;border:0;padding:0;color:var(--muted);font-family:var(--f-body)} .toc ol{margin:0;padding-left:1.15em;font-size:.88rem} .toc a{text-decoration:none;color:var(--ink)} .toc a:hover{text-decoration:underline;color:var(--brand-dark)} .aside-card{position:sticky;top:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem} .aside-card h2{font-size:.95rem;margin:0 0 .6rem;border:0;padding:0} .aside-card ul{padding-left:1.1em;font-size:.88rem;margin-bottom:1rem} /* ---------- article furniture ---------- */ .standfirst{font-size:1.12rem;color:var(--muted);margin:0 0 1.1em} .byline{ font-size:.88rem;color:var(--muted); border-left:3px solid var(--brand);padding:.15rem 0 .15rem .75rem;margin:0 0 1.4em; } .byline strong{color:var(--ink)} /* ---------- affiliate disclosure box ---------- */ .disclosure-box{ background:var(--amber-bg); border:1px solid var(--amber-line); border-left:4px solid var(--amber); border-radius:var(--radius); padding:1rem 1.1rem; margin:0 0 1.8em; font-size:.93rem; } .disclosure-box h2{font-size:1rem;margin:0 0 .45rem;border:0;padding:0;font-family:var(--f-body);color:var(--amber)} .disclosure-box p{margin:0 0 .6em} .disclosure-box p:last-child{margin-bottom:0} /* ---------- call to action ---------- */ .cta{margin:1.8em 0;padding:1.15rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-align:center} .cta.compact{margin:1.1em 0;padding:.9rem} .btn{ display:block;width:100%; background:var(--brand);color:var(--brand-ink); font:600 1.02rem/1.25 var(--f-body); text-decoration:none;text-align:center; padding:.85em 1.1em;border-radius:8px;border:1px solid var(--brand-dark); } .btn:hover{background:var(--brand-dark);color:var(--brand-ink)} .btn.outline{background:#fff;color:var(--brand-dark)} .btn.outline:hover{background:var(--soft);color:var(--brand-dark)} .btn.small{font-size:.92rem;padding:.7em .9em} .btn-label{ display:block;margin-top:.45em; font-size:.74rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase; color:var(--amber); } .cta-note{margin:.5em 0 0;font-size:.82rem;color:var(--muted);line-height:1.5} /* ---------- figures ---------- */ figure{margin:1.9em 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem} figure svg{display:block;width:100%;height:auto} figure img{display:block;width:100%;height:auto} figcaption{margin-top:.8rem;font-size:.86rem;color:var(--muted);line-height:1.55;border-top:1px solid var(--line);padding-top:.7rem} figcaption b{color:var(--ink)} /* ---------- boxes ---------- */ .note{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius);padding:.95rem 1.1rem;margin:1.5em 0;font-size:.95rem} .note h3{margin-top:0;font-size:1rem;font-family:var(--f-body)} .note p:last-child,.note ul:last-child{margin-bottom:0} .warn{background:var(--amber-bg);border:1px solid var(--amber-line);border-left:4px solid var(--amber);border-radius:var(--radius);padding:.95rem 1.1rem;margin:1.5em 0;font-size:.95rem} .warn h3{margin-top:0;font-size:1rem;font-family:var(--f-body);color:var(--amber)} .warn p:last-child,.warn ul:last-child{margin-bottom:0} /* ---------- tables ---------- */ .table-scroll{overflow-x:auto;margin:1.6em 0;border:1px solid var(--line);border-radius:var(--radius);background:#fff} table{border-collapse:collapse;width:100%;min-width:480px;font-size:.92rem} caption{text-align:left;padding:.85rem 1rem;color:var(--muted);font-size:.86rem;border-bottom:1px solid var(--line)} th,td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)} thead th{background:var(--surface);font-weight:700;font-size:.85rem} tbody tr:last-child td{border-bottom:0} /* ---------- definition list (glossary) ---------- */ dl.gloss{margin:1.4em 0} dl.gloss dt{font-weight:700;margin-top:1.1em;font-family:var(--f-head)} dl.gloss dd{margin:.25em 0 0} /* ---------- identity block ---------- */ .identity{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.15rem;margin:1.5em 0} .identity dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.1rem;margin:0;font-size:.95rem} .identity dt{font-weight:600;color:var(--muted)} .identity dd{margin:0} /* ---------- footer ---------- */ .site-foot{background:var(--surface);border-top:1px solid var(--line);margin-top:2rem} .site-foot-in{max-width:var(--maxw);margin:0 auto;padding:2rem 1rem 2.4rem;font-size:.87rem;color:var(--muted)} .foot-cols{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.6rem} .foot-cols h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .6rem;border:0;padding:0;color:var(--ink);font-family:var(--f-body)} .foot-cols ul{list-style:none;margin:0;padding:0} .foot-cols li{margin:.3em 0} .foot-cols a{color:var(--muted);text-decoration:none} .foot-cols a:hover{color:var(--brand-dark);text-decoration:underline} .foot-legal{border-top:1px solid var(--line);padding-top:1.2rem} .foot-legal p{margin:0 0 .6em;line-height:1.6} .foot-legal p:last-child{margin-bottom:0} .skip{position:absolute;left:-9999px} .skip:focus{left:.5rem;top:.5rem;z-index:10;background:#fff;padding:.5rem .8rem;border:2px solid var(--brand);border-radius:6px} /* ---------- 404 ---------- */ .big404{font-family:var(--f-head);font-size:4rem;color:var(--brand);margin:0} /* ---------- responsive ---------- */ @media (max-width:1040px){ .wrap{grid-template-columns:minmax(0,1fr) 260px} .rail-left{display:none} } @media (max-width:820px){ body{font-size:16px} .wrap,.wrap.narrow{grid-template-columns:minmax(0,1fr)} .rail-right{order:2} .toc,.aside-card{position:static} h1{font-size:1.7rem} h2{font-size:1.3rem} .site-nav{margin-left:0;width:100%} } @media print{ .disclosure-bar,.site-nav,.rail{display:none} }