/* teneris.online — self-contained stylesheet. System fonts only, no external requests. */
:root{
  --c-bg:#ffffff;--c-surface:#f6f5f2;--c-soft:#efece5;--c-line:#ddd8cf;
  --c-ink:#14161a;--c-muted:#5c626d;--c-brand:#a4161a;--c-brand-dark:#7e1014;
  --f-body:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,"Times New Roman",serif;
  --f-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.65;
  background-image:radial-gradient(circle at 20% 15%,rgba(164,22,26,.04),transparent 45%),radial-gradient(circle at 85% 70%,rgba(164,22,26,.03),transparent 40%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-brand)}
a:hover{color:var(--c-brand-dark)}
h1,h2,h3,h4{font-family:var(--f-body);line-height:1.25;margin:1.6em 0 .5em}
h1{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);margin-top:.3em;letter-spacing:-.01em}
h2{font-size:1.55rem;padding-top:.6em;border-top:3px double var(--c-line)}
h3{font-size:1.2rem}
p,ul,ol,table,figure{margin:0 0 1.1em}
li{margin-bottom:.35em}
code{font-size:.9em;background:var(--c-soft);padding:.05em .3em;border-radius:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:8px;background:#fff;padding:6px 10px;z-index:99}

/* top disclosure bar */
.adbar{background:var(--c-ink);color:#f3f1ec;font-family:var(--f-ui);font-size:.82rem;line-height:1.45;padding:8px 16px;text-align:center}
.adbar a{color:#fff;text-decoration:underline}
.adbar strong{color:#fff}

/* header */
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:14px max(16px,calc((100% - var(--maxw))/2 + 24px));border-bottom:1px solid var(--c-line);background:rgba(255,255,255,.92)}
.brand{font-weight:700;font-size:1.3rem;color:var(--c-ink);text-decoration:none;letter-spacing:-.01em}
.brand span{color:var(--c-brand)}
.kicker{font-family:var(--f-ui);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}
.nav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--f-ui);font-size:.9rem}
.nav li{margin:0}
.nav ul a{color:var(--c-muted);text-decoration:none}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--c-brand)}

/* layout */
.wrap{max-width:var(--maxw);margin:0 auto;padding:28px 24px 48px;display:grid;grid-template-columns:210px minmax(0,1fr) 260px;gap:40px;align-items:start}
.wrap.single{grid-template-columns:minmax(0,760px);justify-content:center}
main{min-width:0}
.rail{position:sticky;top:20px;font-family:var(--f-ui);font-size:.88rem}
.rail h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted);border:0;padding:0;margin:0 0 .6em;font-family:var(--f-ui)}
.rail ol{padding-left:1.2em;margin:0}
.rail ol a{color:var(--c-ink);text-decoration:none}
.rail ol a:hover{color:var(--c-brand)}
.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:10px;padding:18px}
.card dl{margin:.4em 0 1em;display:grid;grid-template-columns:auto 1fr;gap:4px 10px}
.card dt{color:var(--c-muted)}
.card dd{margin:0}
@media (max-width:1060px){.wrap{grid-template-columns:minmax(0,1fr) 250px}.rail-l{display:none}}
@media (max-width:820px){.wrap{grid-template-columns:minmax(0,1fr);padding:20px 16px 40px;gap:28px}.rail{position:static}}

/* article parts */
.lede{font-size:1.18rem;color:#2b2e33}
.byline{font-family:var(--f-ui);font-size:.88rem;color:var(--c-muted);border-bottom:1px solid var(--c-line);padding-bottom:12px;margin-bottom:22px}
.byline strong{color:var(--c-ink)}
.disclosure{border:2px solid var(--c-brand);background:#fbf3f2;border-radius:10px;padding:14px 18px;font-family:var(--f-ui);font-size:.92rem;line-height:1.5;margin:0 0 18px}
.disclosure p{margin:0 0 .5em}.disclosure p:last-child{margin:0}
.note{background:var(--c-surface);border-left:4px solid var(--c-muted);padding:12px 16px;border-radius:0 8px 8px 0;font-size:.95rem}
.toc-inline{display:none}
@media (max-width:1060px){.toc-inline{display:block}}
figure{margin:1.6em 0}
figure img{border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);width:100%}
figcaption{font-family:var(--f-ui);font-size:.85rem;color:var(--c-muted);margin-top:8px;line-height:1.45}
table{border-collapse:collapse;width:100%;font-family:var(--f-ui);font-size:.92rem}
.table-scroll{overflow-x:auto}
th,td{border-bottom:1px solid var(--c-line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--c-soft)}
sup a{text-decoration:none;font-family:var(--f-ui);font-size:.75em}
.sources li{font-size:.92rem;word-break:break-word}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:640px){.pros-cons{grid-template-columns:1fr}}

/* calls to action — every one carries a visible partner label and a commission note */
.cta{margin:24px 0;padding:18px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface)}
.cta-btn{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:12px 18px;border-radius:9px;background:var(--c-brand);color:#fff;text-decoration:none;font-family:var(--f-ui);font-weight:700;font-size:1.02rem;border-bottom:3px solid var(--c-brand-dark)}
.cta-btn:hover{background:var(--c-brand-dark);color:#fff}
.cta-label{display:inline-block;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.55);border-radius:4px;padding:1px 7px}
.cta-note{font-family:var(--f-ui);font-size:.8rem;color:var(--c-muted);margin:10px 0 0;line-height:1.45}
.cta h3{margin-top:0}

/* footer */
.foot{border-top:1px solid var(--c-line);background:var(--c-soft);font-family:var(--f-ui);font-size:.86rem;color:var(--c-muted)}
.foot-in{max-width:var(--maxw);margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:1.3fr 1fr;gap:28px}
@media (max-width:720px){.foot-in{grid-template-columns:1fr;padding:24px 16px}}
.foot h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;border:0;padding:0;margin:0 0 .6em;color:var(--c-ink);font-family:var(--f-ui)}
.foot address{font-style:normal;line-height:1.6}
.foot ul{list-style:none;padding:0;margin:0;columns:2;column-gap:20px}
.foot a{color:var(--c-ink)}
.foot-legal{grid-column:1/-1;border-top:1px solid var(--c-line);padding-top:14px;margin:0;font-size:.8rem}
