/* A TREIA REPUBLICĂ — atreiarepublica.ro */
:root{--serif:Georgia,'Times New Roman',serif;}
*{box-sizing:border-box}
body{margin:0;font-family:var(--serif);font-size:17px;line-height:1.65;background:var(--bg);color:var(--fg);}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem 1.2rem;border-bottom:3px double var(--lin);background:var(--hbg);position:sticky;top:0;z-index:9}
.brand a{display:flex;flex-direction:column;line-height:1.15;color:var(--fg)}
.brand .supra{font-style:italic;font-size:.72rem;color:var(--mut)}
.brand .titlu{font-weight:bold;letter-spacing:.14em;font-size:1.05rem;color:var(--acc)}
.brand .sub{font-size:.72rem;color:var(--mut)}
nav{display:flex;gap:.5rem .95rem;flex-wrap:wrap;flex:1;align-content:flex-start}
.navbr{flex:0 0 100%;height:0;margin:0;padding:0}
nav a{color:var(--fg);font-size:1.18rem;padding:.1rem 0;border-bottom:2px solid transparent;white-space:nowrap}
nav a.on,nav a:hover{border-bottom-color:var(--acc);text-decoration:none}
.dreapta{display:flex;flex-direction:column;align-items:center;gap:.35rem}
.teme{display:flex;gap:.3rem}
.teme button{font-family:var(--serif);width:1.8rem;height:1.8rem;border:1px solid var(--lin);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:50%}
.teme button:hover{background:var(--acc);color:var(--hbg)}
main{max-width:52rem;margin:0 auto;padding:2rem 1.2rem 4rem}
h1{font-size:1.7rem;line-height:1.25;color:var(--acc)}
h2{font-size:1.25rem;margin-top:2.2rem;color:var(--acc)}
h3{font-size:1.05rem}
.lead{font-size:1.08rem;font-style:italic;color:var(--mut)}
.doc p{text-align:justify}
.doc .articol{border-left:3px solid var(--lin);padding-left:.9rem;margin-left:-1rem;scroll-margin-top:5rem}
.doc .articol:target{border-left-color:var(--acc);background:var(--hl)}
.explink{font-size:.8rem;white-space:nowrap;border:1px solid var(--lin);border-radius:3px;padding:0 .35rem;margin-left:.4rem;color:var(--acc)}
.explink:hover{background:var(--acc);color:var(--hbg);text-decoration:none}
.nota{font-size:.82rem;color:var(--mut)}
.meta{font-style:italic;color:var(--mut);border-bottom:1px solid var(--lin);padding-bottom:.8rem}
.lista{list-style:none;padding:0}
.lista li{padding:.7rem 0;border-bottom:1px solid var(--lin)}
.erou{text-align:center;padding:3rem 0 2rem;border-bottom:3px double var(--lin)}
.supra2{font-style:italic;color:var(--mut);margin:0}
.mare{font-size:2.6rem;letter-spacing:.18em;margin:.3rem 0;color:var(--acc)}
.sub2{color:var(--mut);margin:0 0 1.2rem}
.motto{font-style:italic;font-size:1.05rem}
.desc{margin-top:1.6rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;font-family:var(--serif);padding:.65rem 1.3rem;background:var(--acc);color:var(--hbg);border:1px solid var(--acc);border-radius:3px;cursor:pointer;font-size:1rem}
.btn:hover{opacity:.88;text-decoration:none}
.btn.alt{background:transparent;color:var(--acc)}
.grila{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:2.5rem 0}
.card{display:block;border:1px solid var(--lin);border-radius:4px;padding:1.1rem 1.2rem;color:var(--fg);background:var(--cbg)}
.card:hover{border-color:var(--acc);text-decoration:none}
.card h3{margin:.1rem 0 .4rem;color:var(--acc)}
.card p{margin:0;font-size:.92rem;color:var(--mut)}
.intrebare{border:1px solid var(--lin);border-radius:4px;padding:1rem 1.2rem;margin:1.2rem 0;background:var(--cbg)}
.intrebare h3{margin:.1rem 0 .5rem;color:var(--acc)}
.rasp{border-top:1px dashed var(--lin);padding-top:.5rem;font-size:.9rem}
.raspuns{border:1px solid var(--lin);border-radius:3px;padding:.05rem .45rem;margin-right:.35rem;display:inline-block;margin-top:.25rem}
.raspuns:hover{background:var(--acc);color:var(--hbg);text-decoration:none}
.fcat{border:1px solid var(--lin);border-radius:4px;padding:.8rem 1.1rem;margin:.8rem 0;background:var(--cbg)}
.fcat h3{margin:.1rem 0 .4rem;color:var(--acc)}
.topic{border-top:1px solid var(--lin);padding:.5rem 0}
#f-cat,#f-titlu,#f-text,#f-nume{display:block;width:100%;margin:.45rem 0;padding:.5rem;font-family:var(--serif);font-size:.95rem;border:1px solid var(--lin);background:var(--bg);color:var(--fg);border-radius:3px}
.variante{margin-top:2rem}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}
.vcard{font-family:var(--serif);text-align:left;padding:1rem 1.1rem;border:1px solid var(--lin);border-radius:4px;background:var(--cbg);color:var(--fg);cursor:pointer}
.vcard span{display:block;font-size:.85rem;color:var(--mut);margin-top:.3rem}
.vcard:hover{border-color:var(--acc)}
footer{border-top:3px double var(--lin);padding:1.4rem;text-align:center;font-size:.85rem;color:var(--mut)}

/* I. Ediția tipărită */
body[data-theme=pergament]{--bg:#f6f1e4;--cbg:#fbf8ef;--hbg:#f6f1e4;--fg:#2b2115;--mut:#6d5f4b;--acc:#7a1f1f;--lin:#d8cbb0;--hl:#f3e9d2}
/* II. Tricolor sobru */
body[data-theme=tricolor]{--bg:#ffffff;--cbg:#f7f9fc;--hbg:#ffffff;--fg:#16233d;--mut:#5a6780;--acc:#1d2f5e;--lin:#d5dbe7;--hl:#eef2f9}

body[data-theme=tricolor] .btn{background:#1d2f5e;border-color:#1d2f5e;color:#fff}
body[data-theme=tricolor] .btn.alt{background:transparent;color:#1d2f5e}
body[data-theme=tricolor] .explink{color:#8a6d1a}
/* III. Manifest */
body[data-theme=manifest]{--bg:#14161a;--cbg:#1c1f24;--hbg:#14161a;--fg:#eceae4;--mut:#9a978f;--acc:#d03a26;--lin:#33373e;--hl:#22262c}
body[data-theme=manifest] h1,body[data-theme=manifest] .mare{text-transform:uppercase;letter-spacing:.22em}
body[data-theme=manifest] .btn{color:#fff}
@media(max-width:640px){.mare{font-size:1.7rem}header{gap:.7rem}nav{font-size:.85rem}}

.fila{border:1px solid var(--lin);border-radius:4px;background:var(--cbg);margin:.7rem 0;padding:.2rem .9rem}
.fila summary{cursor:pointer;padding:.5rem 0;list-style:none}
.fila summary::-webkit-details-marker{display:none}
.fila summary .nr{color:var(--acc);font-weight:bold}
.fila summary .data{font-style:italic;color:var(--mut)}
.fila[open]{background:var(--hl)}
.fila p{text-align:justify}

/* tricolor sub titlu — toate variantele */
.mare{border-bottom:4px solid;border-image:linear-gradient(to right,#002b7f 33.3%,#fcd116 33.3% 66.6%,#ce1126 66.6%) 1;padding-bottom:.4rem;display:inline-block}
.brand .titlu{border-bottom:3px solid;border-image:linear-gradient(to right,#002b7f 33.3%,#fcd116 33.3% 66.6%,#ce1126 66.6%) 1;padding-bottom:.1rem}

.astx{color:var(--acc);font-weight:bold;font-size:1.05em;cursor:pointer;padding:0 .15rem}
.astx:hover{text-decoration:underline}
#popup-nota{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:99;padding:1rem}
#popup-nota[hidden]{display:none}
.pn-box{max-width:34rem;max-height:80vh;overflow:auto;background:var(--cbg);color:var(--fg);border:2px solid var(--acc);border-radius:6px;padding:1.2rem 1.5rem;position:relative;font-size:.95rem;line-height:1.55}
.pn-box h3{margin:.1rem 0 .6rem;color:var(--acc)}
.pn-x{position:absolute;top:.4rem;right:.6rem;border:none;background:none;font-size:1.5rem;color:var(--mut);cursor:pointer;font-family:var(--serif)}

.cumpara{margin:1.6rem auto;max-width:26rem;text-align:center}
.ctit{line-height:1.5;letter-spacing:.06em}
.ctit strong{font-size:1.1em}
.csub{font-style:italic;color:var(--mut);letter-spacing:0}

/* === mobil === */
html{-webkit-text-size-adjust:100%}
.burger{display:none;font-size:1.5rem;background:none;border:1px solid var(--lin);border-radius:4px;color:var(--acc);padding:.15rem .55rem;cursor:pointer;font-family:var(--serif)}
.doc p, .fila p, .intrebare p{overflow-wrap:anywhere}
a{-webkit-tap-highlight-color:rgba(0,0,0,.08)}
@media(max-width:860px){
  header{gap:.6rem;padding:.55rem max(.9rem,env(safe-area-inset-left)) .55rem max(.9rem,env(safe-area-inset-right))}
  .burger{display:block;order:3;margin-left:auto}
  .dreapta{order:4}
  .limbi{font-size:.72rem}
  nav{order:9;display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid var(--lin);padding-top:.4rem}
  nav a{padding:.55rem .2rem;border-bottom:1px solid var(--lin);font-size:1rem}
  header.deschis nav{display:flex}
  .brand .titlu{font-size:.95rem}
  main{padding:1.2rem .9rem 3rem}
  h1{font-size:1.35rem}
  .mare{font-size:1.6rem;letter-spacing:.1em}
  .erou{padding:1.6rem 0 1.4rem}
  .desc{flex-direction:column;align-items:stretch}
  .desc .btn{text-align:center}
  .doc .articol{margin-left:0;padding-left:.7rem}
  .doc p{text-align:left}
  .explink{padding:.15rem .5rem}
  .fila summary{padding:.7rem 0}
  .grila{grid-template-columns:1fr}
  .pn-box{max-width:94vw}
}

.limbi{display:flex;gap:.16rem;flex-wrap:nowrap;justify-content:center}
.limbi a{font-size:.66rem;letter-spacing:0;border:1px solid var(--lin);border-radius:3px;padding:.05rem .22rem;color:var(--mut)}
.limbi a.on,.limbi a:hover{background:var(--acc);color:var(--hbg);border-color:var(--acc);text-decoration:none}

.langbar{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--cbg);border-bottom:1px solid var(--lin);font-size:.9rem}
.langbar .btn{padding:.3rem .8rem;font-size:.85rem}

/* --- Sub lupa presei --- */
.plead{border-left:3px solid var(--acc);background:var(--cbg,transparent);padding:.6rem 0 .6rem 1rem;margin:1.2rem 0 1.8rem}
.plead p{margin:0 0 .5rem}
.plead p:last-child{margin-bottom:0}
.pmic{font-size:.86rem;color:var(--mut)}
h2.pera{margin-top:2.6rem;border-top:1px solid var(--lin);padding-top:1.4rem}
.peralab{display:block;font-family:var(--sans,inherit);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:.25rem;font-weight:normal}
.pctx{font-style:italic;color:var(--mut);margin:.4rem 0 1.2rem}
ul.pitems{list-style:none;padding:0;margin:.6rem 0 1.4rem}
ul.pitems li{border:1px solid var(--lin);border-radius:4px;padding:.55rem .8rem;margin:0 0 .45rem;font-size:.92rem;line-height:1.55}
ul.pitems li a{border-bottom:1px solid var(--lin)}
.pbadge{display:inline-block;font-size:.64rem;font-weight:bold;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .45rem;border-radius:2px;margin-right:.45rem;color:#fff;vertical-align:.08em}
.pbadge.favorabil,.pbadge[class*="favorabil"]{background:#1e6b45}
.pbadge.critic{background:#8f2020}
.pbadge.neutru,.pbadge[class*="neutru"]{background:#5b6472}
.pbadge.mixt{background:#3f6a58}
.psrc{font-weight:bold}
.pnote{color:var(--mut);font-size:.88rem}
.pstar{color:#8f2020;font-weight:bold;cursor:help}
table.ptab{width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;font-size:.9rem}
table.ptab th,table.ptab td{border:1px solid var(--lin);padding:.55rem .7rem;text-align:left;vertical-align:top}
table.ptab th{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:bold}
td.ppct{font-size:1.15rem;font-weight:bold;white-space:nowrap}
td.ppct.poz{color:#1e6b45} td.ppct.neu{color:#5b6472} td.ppct.neg{color:#8f2020}
.pmethodo{font-size:.88rem;color:var(--mut);border-top:1px solid var(--lin);padding-top:1rem;margin-top:2rem}
@media(max-width:640px){table.ptab{font-size:.82rem}ul.pitems li{font-size:.88rem}}


/* navigatie: cel mai mare corp de litera care tine 5 rubrici pe primul rand */
@media(max-width:1390px){nav a{font-size:1.12rem}}
@media(max-width:1340px){nav a{font-size:1.06rem}}
@media(max-width:1300px){nav a{font-size:.98rem}}
@media(max-width:1260px){nav a{font-size:.94rem}}
@media(max-width:1220px){nav a{font-size:.9rem}}
@media(max-width:1180px){nav a{font-size:.82rem}}
@media(max-width:1140px){nav a{font-size:.78rem}}
@media(max-width:1100px){.navbr{display:none}nav a{font-size:.88rem}}

.doc blockquote{margin:.7rem 0 1.1rem;padding:.15rem 0 .15rem 1.1rem;border-left:3px solid var(--lin)}
.doc blockquote p{margin:0 0 .5rem}
.doc blockquote p:last-child{margin-bottom:0}
.doc p.trimitere{margin:-.5rem 0 1.2rem;font-size:.9rem}

/* ═══════════════ căutarea în sit ═══════════════ */
.cauta .cbar{display:flex;gap:10px;margin:18px 0 10px}
.cauta .cbar input{flex:1;min-width:0;padding:12px 14px;font:inherit;font-size:16px;
 border:1px solid var(--linie,#ddd2ba);border-radius:3px;background:#fffdf7;color:inherit}
.cauta .cbar input:focus{outline:2px solid rgba(165,32,44,.35);outline-offset:1px}
.cauta .cfilt{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.cauta .cfilt select{padding:9px 10px;font:inherit;font-size:15px;
 border:1px solid var(--linie,#ddd2ba);border-radius:3px;background:#fffdf7;color:inherit}
.cauta .cteme{border:1px solid var(--linie,#ddd2ba);border-radius:3px;padding:10px 14px 14px;margin:0 0 16px}
.cauta .cteme legend{padding:0 6px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.cauta #c-teme{display:flex;flex-wrap:wrap;gap:8px 18px}
.cauta .ctag{display:inline-flex;align-items:center;gap:6px;font-size:15px;cursor:pointer;line-height:1.35}
.cauta .ctag input{width:16px;height:16px;flex:none}
.cauta .cinfo{margin:6px 0 14px;font-size:14.5px;opacity:.75}
.cauta .crez{padding:14px 0;border-top:1px solid var(--linie,#ddd2ba)}
.cauta .crez a{font-size:18px;font-weight:600;line-height:1.3;display:inline-block}
.cauta .crez p{margin:5px 0 0;font-size:15.5px;line-height:1.55}
.cauta .cmeta{font-size:13px;letter-spacing:.05em;text-transform:uppercase;opacity:.6;margin:2px 0 0!important}
.cauta mark{background:rgba(193,154,46,.35);color:inherit;padding:0 1px}
.cauta .cnone{padding:22px 0;font-style:italic;opacity:.8}
@media(max-width:640px){
 .cauta .cbar{flex-direction:column}
 .cauta .cbar .btn{width:100%}
 .cauta #c-teme{gap:6px 14px}
 .cauta .ctag{font-size:14.5px}
}

/* ═══════════════ înscriere și forum ═══════════════ */
.iform{margin:22px 0 8px}
.iform label{display:block;margin:0 0 14px;font-size:15.5px}
.iform .irand{display:flex;gap:16px}
.iform .irand>label{flex:1;min-width:0}
.iform input[type=text],.iform input[type=email],.iform input[type=tel],.iform input:not([type]){
 display:block;width:100%;margin-top:5px;padding:11px 13px;font:inherit;font-size:16px;
 border:1px solid var(--lin);border-radius:3px;background:var(--cbg);color:inherit}
.iform input:focus{outline:2px solid rgba(122,31,31,.3);outline-offset:1px}
.iform .ob{color:var(--acc)}
.iapare{border:1px solid var(--lin);border-radius:3px;padding:8px 14px 12px;margin:0 0 16px}
.iapare legend{padding:0 6px;font-size:14px;letter-spacing:.05em;text-transform:uppercase;opacity:.7}
.irad{display:inline-flex!important;align-items:center;gap:7px;margin:0 22px 0 0!important}
.irad input{width:16px;height:16px}
.iacord{display:flex!important;gap:9px;align-items:flex-start;line-height:1.5}
.iacord input{width:18px;height:18px;flex:none;margin-top:2px}
.istare{padding:14px 16px;border-radius:3px;margin:18px 0;font-size:16px}
.istare.bine{background:rgba(31,68,119,.08);border-left:3px solid #1f4477}
.istare.rau{background:rgba(165,32,44,.09);border-left:3px solid var(--acc)}
.icheie{margin:18px 0;padding:16px 18px;border:1px solid var(--lin);border-radius:3px;background:var(--cbg)}
.icheie .cod{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;letter-spacing:.08em;
 background:var(--hl);padding:10px 12px;border-radius:3px;word-break:break-all}
.iintra{margin:24px 0;border-top:1px solid var(--lin);padding-top:14px}
.iintra summary{cursor:pointer;font-size:15.5px}
.gdpr{margin:34px 0 0;padding:22px 0 0;border-top:2px solid var(--lin);font-size:15.5px;line-height:1.65}
.gdpr h2{margin:0 0 2px}
.gdpr .gsub{margin:0 0 16px;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.65}
.gdpr p{margin:0 0 11px}
@media(max-width:640px){.iform .irand{flex-direction:column;gap:0}}

/* cautare */
.cauta{margin:18px 0 6px;padding:16px 18px;border:1px solid var(--lin);background:var(--hbg);border-radius:4px}
.crand{display:flex;gap:10px;flex-wrap:wrap}
.crand input{flex:1 1 260px;padding:12px 14px;font:inherit;font-size:17px;border:1px solid var(--lin);
 border-radius:3px;background:#fff;color:inherit}
.crand2{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:15px}
.crand2 select{font:inherit;padding:7px 9px;border:1px solid var(--lin);border-radius:3px;background:#fff;color:inherit}
.cclr{font:inherit;font-size:14px;background:none;border:0;color:var(--acc);cursor:pointer;
 border-bottom:1px solid rgba(0,0,0,.2);padding:0 0 1px}
.ctlab{margin:14px 0 6px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.cteme{display:flex;flex-wrap:wrap;gap:7px}
.ctag{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;padding:6px 11px;
 border:1px solid var(--lin);border-radius:20px;background:#fff;cursor:pointer;line-height:1.2}
.ctag input{margin:0;accent-color:var(--acc)}
.ctag:has(input:checked){background:var(--acc);color:#fff;border-color:var(--acc)}
.cinfo{margin:12px 0 0;font-size:14.5px;color:var(--mut);min-height:1.2em}
.crez{padding:15px 0;border-bottom:1px solid var(--lin)}
.crez a{font-size:18.5px;font-weight:700}
.crez .cmeta{margin:3px 0 6px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.crez p{margin:0;font-size:16px;line-height:1.55}
.crez mark{background:rgba(193,154,46,.32);color:inherit;padding:0 1px}
.cnone{padding:22px 0;color:var(--mut)}
@media(max-width:640px){.cauta{padding:13px 13px}.crand input{font-size:16px}.ctag{font-size:14px;padding:5px 10px}}

/* formulare */
.cimp{display:block;margin:0 0 12px}
.cimp>span{display:block;font-size:14.5px;color:var(--mut);margin:0 0 4px}
.cimp input,.cimp select,.cimp textarea{width:100%;padding:11px 13px;font:inherit;font-size:16.5px;
 border:1px solid var(--lin);border-radius:3px;background:#fff;color:inherit}
.cimp textarea{resize:vertical;min-height:110px}
.cacord{display:flex;gap:9px;align-items:flex-start;margin:14px 0 4px;font-size:15.5px;line-height:1.45}
.cacord input{margin-top:4px;accent-color:var(--acc);flex:0 0 auto}
.cmsg{margin:10px 0 0;font-size:15px;min-height:1.2em}
.cmsg.bun{color:#1d6b32}.cmsg.rau{color:var(--acc)}
.fmsg{padding:15px 0;border-bottom:1px solid var(--lin)}
.fmsg h3{margin:0 0 3px;font-size:18px}
.fmsg .fmeta{margin:0 0 7px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.fmsg p{margin:0;font-size:16.5px;line-height:1.6}

/* lupa */
.dreapta{align-items:center}
.lupa{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 11px;
 border:1px solid var(--lin);border-radius:16px;font-size:13.5px;letter-spacing:.03em;
 color:var(--mut);background:var(--hbg);text-decoration:none;white-space:nowrap;transition:.15s}
.lupa svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;
 stroke-linecap:round;flex:0 0 auto}
.lupa:hover{color:var(--acc);border-color:var(--acc);text-decoration:none}
@media(max-width:820px){.lupa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .lupa{padding:6px 8px;border-radius:50%}}

.insc-rand{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 18px}
.insc-rand .nota{flex:1 1 260px;font-size:14.5px;margin:0}

/* chat */
.comments{margin-top:34px;padding-top:22px;border-top:2px solid var(--lin)}
.comments h2{margin-top:0}
.chat{margin-top:30px;padding-top:20px;border-top:2px solid var(--lin)}
.chlista{max-height:340px;overflow:auto;border:1px solid var(--lin);border-radius:4px;
 padding:12px 14px;background:#fff;margin:10px 0}
.chmsg{margin:0 0 10px;font-size:16px;line-height:1.5}
.chform{display:flex;gap:8px;flex-wrap:wrap}
.chform input{flex:1 1 240px;padding:11px 13px;font:inherit;font-size:16px;
 border:1px solid var(--lin);border-radius:3px;background:#fff;color:inherit}

/* ——— ancorele către motivarea pe larg ——— */
.anc{display:block;height:0;overflow:hidden;scroll-margin-top:5.5rem}
.anc:target + p{background:rgba(193,154,46,.20);border-left:3px solid var(--acc,#8a6d1a);
 padding-left:.7rem;margin-left:-.7rem;border-radius:2px}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}