/* AdScriptura — Sistema de Design, Edição III. Folha única. */

/* AdScriptura — Sistema de Design v3 · folha de estilos canônica */
:root{
  /* Velino & tinta */
  --vellum: oklch(0.962 0.014 84);
  --vellum-2: oklch(0.935 0.020 82);
  --vellum-3: oklch(0.905 0.024 80);
  --parchment-edge: oklch(0.820 0.038 74);
  --ink: oklch(0.205 0.020 55);
  --ink-2: oklch(0.315 0.020 55);
  --ink-3: oklch(0.470 0.016 60);
  --rule: oklch(0.260 0.020 55);
  --rule-soft: oklch(0.800 0.018 70);
  /* Rubrica */
  --sanguine: oklch(0.440 0.110 28);
  --sanguine-ink: oklch(0.340 0.100 28);
  --sanguine-wash: oklch(0.920 0.030 32);
  --diff-wash: oklch(0.900 0.045 20);
  /* Ouro & encadernações */
  --gilt: oklch(0.780 0.090 82);
  --gilt-soft: oklch(0.680 0.070 82);
  --cover-oxblood: oklch(0.300 0.065 28);
  --cover-navy: oklch(0.310 0.055 258);
  --cover-purple: oklch(0.300 0.055 320);
  --cover-olive: oklch(0.320 0.030 100);
  /* Cromo */
  --stone: oklch(0.520 0.018 240);
  --oak: oklch(0.380 0.040 55);
  /* Noite */
  --night-bg: oklch(0.170 0.012 60);
  --night-bg-2: oklch(0.205 0.014 55);
  --night-fg: oklch(0.880 0.018 80);
  --night-fg-2: oklch(0.680 0.016 70);
  --night-rule: oklch(0.350 0.014 60);
  --night-rubric: oklch(0.640 0.130 28);
  /* Tipos */
  --f-black: "Old London", "UnifrakturMaguntia", serif;
  --f-body: "EB Garamond", Georgia, serif;
  --f-roman: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;
  /* Elevação — sombra substitui régua */
  --sh-1: 0 1px 2px -1px oklch(0.30 0.04 55 / .10), 0 2px 6px -2px oklch(0.30 0.04 55 / .10);
  --sh-2: 0 2px 4px -2px oklch(0.30 0.04 55 / .12), 0 8px 18px -8px oklch(0.30 0.04 55 / .16);
  --sh-3: 0 4px 8px -4px oklch(0.30 0.04 55 / .14), 0 18px 36px -14px oklch(0.30 0.04 55 / .20);
  --sh-up: 0 -2px 6px -2px oklch(0.30 0.04 55 / .10), 0 -14px 34px -12px oklch(0.30 0.04 55 / .18);
  --sh-night: 0 2px 6px -2px rgba(0,0,0,.5), 0 14px 30px -12px rgba(0,0,0,.6);
  /* Compasso */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px; --sp-9:64px; --sp-10:96px;
  --maxw: 1180px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(120% 80% at 50% -10%, oklch(0.975 0.012 86) 0%, var(--vellum) 55%) fixed;color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--sanguine);text-decoration:none;border-bottom:1px solid var(--sanguine-wash)}
a:hover{color:var(--sanguine-ink);border-bottom-color:var(--sanguine)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-6)}

/* ————— Masthead & seções ————— */
.masthead{text-align:center;padding:var(--sp-10) var(--sp-6) var(--sp-8)}
.masthead .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--sanguine)}
.masthead h1{font-family:var(--f-black);font-weight:400;font-size:clamp(60px,11vw,128px);line-height:1;margin:var(--sp-4) 0 var(--sp-2)}
.masthead .sub{font-family:var(--f-roman);font-style:italic;font-size:clamp(18px,2.4vw,26px);color:var(--ink-2)}
.masthead .colophon{font-variant:small-caps;letter-spacing:.14em;color:var(--ink-3);font-size:14px;margin-top:var(--sp-6)}
.drule{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin:var(--sp-6) auto 0;max-width:360px}
.drule::before,.drule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--rule-soft),transparent)}
.drule .d{width:7px;height:7px;background:var(--sanguine);transform:rotate(45deg)}
section{padding:var(--sp-9) 0;border-top:1px solid var(--rule-soft)}
.section-head{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-7);flex-wrap:wrap}
.section-head .num{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;color:var(--sanguine);text-transform:uppercase}
.section-head h2{font-family:var(--f-black);font-weight:400;font-size:clamp(34px,5vw,52px);line-height:1;margin:0}
.section-head .meta{font-family:var(--f-mono);color:var(--ink-3);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-left:auto}
.lede{font-family:var(--f-roman);font-style:italic;font-size:21px;color:var(--ink-2);max-width:66ch;margin:0 0 var(--sp-7)}
.sub-h{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.07em;font-size:21px;font-weight:600;margin:var(--sp-7) 0 var(--sp-4)}
.grid{display:grid;gap:var(--sp-4)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2{grid-template-columns:minmax(0,1fr)}}
.label{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.card{border:none;background:var(--vellum-2);padding:var(--sp-6);box-shadow:var(--sh-2)}
.note{font-family:var(--f-body);font-style:italic;color:var(--ink-2);font-size:15px;margin-top:var(--sp-3)}
.usage{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}
.usage .u{display:flex;gap:10px;font-size:15px}
.usage .u .b{color:var(--sanguine);font-family:var(--f-mono);font-size:12px;padding-top:3px;flex:none;min-width:58px}
footer{padding:var(--sp-9) 0 var(--sp-10);text-align:center;border-top:1px solid var(--rule-soft)}
footer .mk{font-family:var(--f-black);font-size:34px}
footer .v{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:var(--sp-2)}

/* ————— Amostras de cor ————— */
.swatch{border:none;background:var(--vellum-2);box-shadow:var(--sh-1)}
.swatch .chip{height:88px}
.swatch .m{padding:var(--sp-3) var(--sp-4)}
.swatch .name{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.06em;font-size:15px}
.swatch .tok{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);margin-top:2px}
.nightcard{background:var(--night-bg);border:none;padding:var(--sp-6);box-shadow:var(--sh-3)}
.nightcard .label{color:var(--night-fg-2)}
.nightcard .swatch{background:var(--night-bg-2);box-shadow:var(--sh-night)}
.nightcard .swatch .name{color:var(--night-fg)}
.nightcard .swatch .tok{color:var(--night-fg-2)}

/* ————— Espécimes de tipo ————— */
.type-row{display:grid;grid-template-columns:160px 1fr;gap:var(--sp-6);align-items:baseline;padding:var(--sp-4) 0;border-bottom:1px dotted var(--rule-soft)}
.type-row:last-child{border-bottom:none}
.type-row .role{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.06em;font-size:14px}
.type-row .dets{font-family:var(--f-mono);font-size:10px;letter-spacing:.05em;color:var(--ink-3);margin-top:3px}
.t-masthead{font-family:var(--f-black);font-size:64px;line-height:1}
.t-display{font-family:var(--f-black);font-size:44px;line-height:1.05}
.t-screen{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.03em;font-size:32px;line-height:1.1;font-weight:600}
.t-panel{font-family:var(--f-roman);font-size:24px;line-height:1.2;font-weight:500}
.t-title{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.04em;font-size:20px;font-weight:600}
.t-scripture{font-family:var(--f-body);font-size:19px;line-height:1.6}
.t-body{font-family:var(--f-body);font-size:17px;line-height:1.55}
.t-margin{font-family:var(--f-body);font-style:italic;font-size:13px;line-height:1.45;color:var(--ink-2)}
.t-apparatus{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.t-eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2)}
.sc{font-variant:small-caps;letter-spacing:.02em}

/* ————— Ornamento ————— */
.dropcap p{margin:0}
.dropcap .dc{font-family:var(--f-black);color:var(--sanguine);font-size:72px;line-height:.78;float:left;padding:6px 10px 0 0;margin-top:2px}
.fleuron{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--sanguine)}
.fleuron::before,.fleuron::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--sanguine) 60%,var(--sanguine))}
.fleuron.short{max-width:260px;margin:0 auto}
.fleuron i{width:8px;height:8px;background:var(--sanguine);transform:rotate(45deg)}
.ex-solid{height:1px;background:var(--rule)}
.ex-soft{height:1px;background:var(--rule-soft)}
.ex-dotted{height:0;border-top:1px dotted var(--rule-soft)}
.ex-rubric{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-family:var(--f-roman);font-style:italic;font-size:15px}
.ex-rubric::before,.ex-rubric::after{content:"";height:1px;flex:1;background:var(--rule-soft)}
.divrow{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4);align-items:center;padding:var(--sp-4) 0;border-bottom:1px dotted var(--rule-soft)}
.divrow:last-child{border-bottom:none}
.divrow .n{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.05em;font-size:15px}
.divrow .u{font-family:var(--f-mono);font-size:10px;color:var(--ink-3);margin-top:2px}
/* moldura de capítulo (ladeiras do abre-livro) */
.bookopen{text-align:center;padding:var(--sp-5) 0}
.bookopen .row{display:flex;align-items:center;justify-content:center;gap:var(--sp-5)}
.bookopen .flank{width:64px;height:76px;color:var(--sanguine);opacity:.85}
.bookopen .bn{font-family:var(--f-black);font-size:46px;line-height:1}
.bookopen .sb{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.08em;font-size:16px;color:var(--sanguine);margin-top:6px}
.bookopen .ch{font-family:var(--f-roman);font-size:24px;margin-top:2px}
/* encadernação */
.cover{aspect-ratio:2/3;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 10px;background:var(--cover-oxblood);border:1px solid var(--gilt-soft);box-shadow:0 8px 18px -10px rgba(30,15,5,.6)}
.cover::before{content:"";position:absolute;inset:5px;border:1px solid var(--gilt-soft);opacity:.7}
.cover .ct{font-family:var(--f-roman);font-size:15px;line-height:1.25;color:var(--gilt);position:relative;overflow-wrap:anywhere}
.cover .ca{font-family:var(--f-body);font-style:italic;font-size:11px;color:var(--gilt-soft);position:relative;margin-top:auto}
.cover .cmark{font-size:13px;color:var(--gilt);position:relative;margin-bottom:8px}
.cover.navy{background:var(--cover-navy)}
.cover.purple{background:var(--cover-purple)}
.cover.olive{background:var(--cover-olive)}
/* medalhão de categoria */
.medal{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--gilt-soft);background:var(--cover-navy);display:flex;align-items:center;justify-content:center;color:var(--gilt);font-size:20px;flex:none}
.medal.olive{background:var(--cover-olive)}
.medal.oxblood{background:var(--cover-oxblood)}
.medal.purple{background:var(--cover-purple)}
/* retrato gravado */
.portrait{width:120px;max-width:100%;flex:none;text-align:center}
.portrait .fr{border:1.5px solid var(--ink);padding:6px;background:var(--vellum);position:relative}
.portrait .fr::before{content:"";position:absolute;top:2px;left:2px;right:2px;height:1px;background:var(--sanguine);opacity:.6}
.portrait img{width:100%;display:block;filter:grayscale(1) contrast(1.05)}
.portrait .yrs{font-family:var(--f-mono);font-size:11px;color:var(--sanguine);margin-top:6px}

/* ————— Comandos ————— */
.ctlblock{border:none;background:var(--vellum-2);padding:var(--sp-6);box-shadow:var(--sh-2)}
.ctlblock>.label{margin-bottom:var(--sp-4);display:block}
.btnrow{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.12em;font-size:16px;padding:11px 22px;min-height:44px;cursor:pointer;background:transparent;border:1px solid var(--ink);color:var(--ink);border-radius:0;transition:background .14s,color .14s,border-color .14s,transform .07s,box-shadow .14s,opacity .14s}
.btn:hover,.btn.is-hover{background:var(--ink);color:var(--vellum)}
.btn:active,.btn.is-press{transform:translateY(1px);box-shadow:inset 0 2px 5px -2px oklch(0.20 0.04 55 / .45)}
/* ink — ação de avanço (abrir capítulo, salvar) */
.btn.ink{background:var(--ink);border-color:var(--ink);color:var(--vellum);box-shadow:var(--sh-1)}
.btn.ink:hover,.btn.ink.is-hover{background:var(--ink-2);border-color:var(--ink-2);box-shadow:var(--sh-2)}
.btn.ink:active,.btn.ink.is-press{background:var(--ink);box-shadow:inset 0 2px 6px -2px rgba(0,0,0,.55)}
/* rubric preenchido — só confirmação de catecismo */
.btn.primary{background:var(--sanguine);border-color:var(--sanguine);color:var(--vellum);box-shadow:var(--sh-1)}
.btn.primary:hover,.btn.primary.is-hover{background:var(--sanguine-ink);border-color:var(--sanguine-ink);box-shadow:var(--sh-2)}
.btn.primary:active,.btn.primary.is-press{background:var(--sanguine-ink);box-shadow:inset 0 2px 6px -2px rgba(0,0,0,.5)}
.btn.block{display:flex;width:100%;justify-content:center;letter-spacing:.18em}
/* rubric contornado — ação de aparato */
.btn.rubric{border-color:var(--sanguine);color:var(--sanguine)}
.btn.rubric:hover,.btn.rubric.is-hover{background:var(--sanguine);color:var(--vellum)}
.btn.rubric:active,.btn.rubric.is-press{background:var(--sanguine-ink);border-color:var(--sanguine-ink);color:var(--vellum)}
/* ghost — recuo, cancelar */
.btn.ghost{border-color:var(--rule-soft);color:var(--ink-2)}
.btn.ghost:hover,.btn.ghost.is-hover{background:var(--vellum-3);color:var(--ink);border-color:var(--ink-3)}
.btn.ghost:active,.btn.ghost.is-press{background:var(--vellum-3);box-shadow:inset 0 2px 5px -3px oklch(0.20 0.04 55 / .4)}
/* bare — só texto, sem moldura */
.btn.bare{border-color:transparent;color:var(--sanguine);padding:11px 10px}
.btn.bare:hover,.btn.bare.is-hover{background:transparent;color:var(--sanguine-ink);box-shadow:inset 0 -1px 0 var(--sanguine)}
.btn.bare:active,.btn.bare.is-press{color:var(--sanguine-ink);box-shadow:none;opacity:.7}
.btn.sm{font-size:13px;padding:7px 14px;min-height:36px;letter-spacing:.14em}
.btn.icon{padding:0;width:44px;min-height:44px;font-size:18px;font-variant:normal;letter-spacing:0}
.btn[disabled],.btn.is-disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none;background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ink[disabled],.btn.primary[disabled]{background:var(--ink-3);border-color:var(--ink-3);color:var(--vellum)}
.link-it{font-family:var(--f-body);font-style:italic;font-size:15px;color:var(--sanguine);border:none;background:none;cursor:pointer;padding:2px 0;transition:color .14s,opacity .07s}
.link-it:hover{color:var(--sanguine-ink);box-shadow:inset 0 -1px 0 var(--sanguine)}
.link-it:active{opacity:.65}
.statebox{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--sp-3);align-items:center}
.statebox .sl{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-top:6px}
.field{margin-bottom:var(--sp-5)}
.field>.label{display:block;margin-bottom:var(--sp-2);color:var(--sanguine-ink)}
/* campo em cartela: rótulo encaixado na borda superior */
.fieldset{border:1px solid var(--rule);background:transparent;padding:0 14px;margin:0 0 var(--sp-3)}
.fieldset>legend{font-family:var(--f-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);padding:0 8px;margin-left:4px}
.fieldset input,.fieldset textarea{width:100%;font-family:var(--f-body);font-size:19px;color:var(--ink);background:transparent;border:none;outline:none;padding:6px 0 18px;display:block}
.fieldset input::placeholder{color:var(--ink-3);font-style:normal}
.fieldset:focus-within{border-color:var(--sanguine)}
.fieldset:focus-within>legend{color:var(--sanguine)}
.helptext{font-family:var(--f-body);font-style:italic;font-size:14px;color:var(--ink-2);margin:0 0 var(--sp-5);padding:0 2px}
.input{width:100%;font-family:var(--f-body);font-size:17px;color:var(--ink);background:var(--vellum-2);border:1px solid var(--rule-soft);border-radius:0;padding:12px 14px;outline:none;transition:border-color .15s,background .15s}
.input::placeholder{color:var(--ink-3);font-style:italic}
.input:focus{border-color:var(--sanguine);background:var(--vellum)}
.search{display:flex;align-items:center;gap:10px;border:1px solid var(--rule-soft);background:transparent;padding:11px 14px}
.search input{flex:1;border:none;background:transparent;outline:none;font-family:var(--f-mono);font-size:14px;letter-spacing:.02em;color:var(--ink)}
.search input::placeholder{color:var(--ink-3)}
.search .ic{color:var(--ink-3)}
.togrow{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:14px 0;border-bottom:1px solid var(--rule-soft)}
.togrow:last-child{border-bottom:none}
.togrow .tl{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.14em;font-size:17px}
.toggle{width:52px;height:28px;border:1px solid var(--sanguine);background:var(--sanguine);padding:3px;cursor:pointer;display:flex;flex:none}
.toggle .k{width:20px;height:20px;background:var(--vellum);margin-left:auto}
.toggle.off{background:var(--vellum-2);border-color:var(--rule-soft)}
.toggle.off .k{margin-left:0;background:var(--ink-3)}
.seg{display:inline-flex;border:1px solid var(--rule-soft)}
.seg button{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.08em;font-size:15px;padding:9px 20px;background:transparent;border:none;border-right:1px solid var(--rule-soft);color:var(--ink-2);cursor:pointer;min-height:40px}
.seg button:last-child{border-right:none}
.seg button.on{background:var(--sanguine);color:var(--vellum)}
.slider{display:flex;align-items:center;gap:14px}
.slider .a-sm{font-family:var(--f-roman);font-size:16px;color:var(--ink-2)}
.slider .a-lg{font-family:var(--f-roman);font-size:30px;color:var(--ink-2)}
.slider .track{flex:1;height:6px;background:var(--rule-soft);position:relative}
.slider .thumb{position:absolute;top:-8px;width:40px;height:22px;border-radius:11px;background:var(--sanguine)}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.chip-tok{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;padding:5px 10px;border:1px solid var(--sanguine);color:var(--sanguine)}
.chip-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--rule-soft);color:var(--ink-3)}
.chip-sig{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;padding:4px 9px;border:1px solid var(--sanguine);color:var(--sanguine)}

/* ————— Navegação ————— */
.tabbar{display:flex;background:var(--vellum-2);box-shadow:var(--sh-up)}
.tabbar .tb{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0 12px;color:var(--ink-3);min-height:56px}
.tabbar .tb svg{width:22px;height:22px}
.tabbar .tb span{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
.tabbar .tb.on{color:var(--sanguine)}
.texttabs{display:flex;border-bottom:1px solid var(--rule-soft)}
.texttabs .tt{flex:1;text-align:center;font-family:var(--f-roman);font-size:19px;color:var(--ink-2);padding:10px 0 12px;cursor:pointer}
.texttabs .tt.on{color:var(--sanguine);box-shadow:inset 0 -2px 0 var(--sanguine)}
.icontabs{display:flex;border-bottom:1px solid var(--rule-soft);background:var(--vellum)}
.icontabs .it{flex:1;text-align:center;font-size:20px;color:var(--ink-2);padding:12px 0 14px;cursor:pointer;line-height:1}
.icontabs .it.on{color:var(--sanguine);box-shadow:inset 0 -2px 0 var(--sanguine)}
.screenhead{position:relative;text-align:center;padding:var(--sp-3) 44px var(--sp-4);background:var(--vellum);box-shadow:var(--sh-1)}
.screenhead .bk{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--ink-2);line-height:1}
.screenhead .eb{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2)}
.screenhead .tt{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.02em;font-size:30px;line-height:1.05;font-weight:600;margin-top:2px}
.readerhead{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--rule-soft)}
.readerhead .loc{font-family:var(--f-body);font-size:17px}
.readerhead .loc .v{font-variant:small-caps;letter-spacing:.08em;color:var(--sanguine)}
.readerhead .loc .dot{color:var(--sanguine);margin:0 6px}
.readerhead .ics{display:flex;gap:18px;color:var(--ink-2);font-size:17px}
.sectionbar{text-align:center;font-family:var(--f-roman);font-size:24px;padding:12px 0 14px;background:var(--vellum-2);box-shadow:var(--sh-1)}
.listhead{display:flex;align-items:center;gap:14px;padding:10px 0}
.listhead .lb{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}
.listhead .ln{flex:1;height:1px;background:var(--rule-soft)}
.listhead .lc{font-family:var(--f-mono);font-size:12px;color:var(--ink-2)}
.trail{display:flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap}
.trail .arrow{color:var(--sanguine)}
.trail .here{color:var(--ink);text-decoration:underline}

/* ————— Componentes de estudo ————— */
.versecard{background:var(--vellum-2);padding:var(--sp-5) var(--sp-5) var(--sp-6);box-shadow:var(--sh-1)}
.versecard .ed{font-family:var(--f-body);font-style:italic;font-size:16px;color:var(--sanguine);margin-bottom:10px}
.versecard .q{border-left:2px solid var(--sanguine);padding-left:14px;font-family:var(--f-body);font-size:18px;line-height:1.5}
.srccard{background:var(--vellum-2);border-left:3px solid var(--sanguine);padding:var(--sp-5);box-shadow:var(--sh-2)}
.srccard h4{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.03em;font-size:21px;font-weight:600;margin:0}
.srccard .meta{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);margin-top:4px;letter-spacing:.02em}
.srccard .ex{font-family:var(--f-body);font-style:italic;font-size:16px;margin:12px 0 14px}
.srccard .ft{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-top:14px}
.xrow{display:grid;grid-template-columns:72px 1fr 14px;gap:var(--sp-4);align-items:center;padding:14px 12px}
.xrow:nth-child(even){background:var(--vellum-2)}
.xrow .ref{font-family:var(--f-mono);font-size:12px;color:var(--sanguine)}
.xrow .tx{font-family:var(--f-body);font-size:16px;line-height:1.45}
.xrow .ch{color:var(--ink-3)}
.transcard{background:var(--vellum-2);padding:var(--sp-4) var(--sp-5);box-shadow:var(--sh-2)}
.transcard .top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.transcard .yr{font-family:var(--f-body);font-style:italic;color:var(--ink-2);font-size:15px}
.transcard .lang{margin-left:auto;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-3)}
.transcard .tx{font-family:var(--f-body);font-size:16px;line-height:1.55}
.diff{background:var(--diff-wash);padding:0 2px}
.interlin{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:var(--sp-6);justify-content:flex-start}
.iw{text-align:center}
.iw .orig{font-family:var(--f-body);font-size:24px}
.iw .tr{font-family:var(--f-body);font-style:italic;font-size:13px;color:var(--ink-3);margin-top:2px}
.iw .bar{height:12px;width:1px;background:var(--rule-soft);margin:4px auto}
.iw .gl{font-family:var(--f-body);font-size:16px}
.lexhead{background:var(--vellum-2);padding:var(--sp-6)}
.lexhead .eb{font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sanguine)}
.lexhead .word{font-family:var(--f-body);font-size:56px;line-height:1.1;margin:6px 0 16px}
.lexhead .foot{display:flex;align-items:baseline;justify-content:space-between}
.lexhead .tl{font-family:var(--f-body);font-style:italic;font-size:17px;color:var(--ink-2)}
.lexhead .pos{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.12em;font-size:19px;color:var(--ink-2)}
.divtitle{display:flex;align-items:center;gap:var(--sp-4);font-family:var(--f-roman);font-style:italic;font-size:24px;color:var(--ink-2)}
.divtitle::before,.divtitle::after{content:"";height:1px;flex:1;background:var(--rule-soft)}
.rublabel{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sanguine)}
.notebox{background:var(--vellum-2);box-shadow:var(--sh-1);padding:var(--sp-4) var(--sp-5);font-family:var(--f-body);font-size:16px;line-height:1.6;text-align:justify;hyphens:auto}
.notebox .tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:8px}
.figbox{background:var(--vellum-2);padding:var(--sp-5);box-shadow:var(--sh-2)}
.figbox .h{font-family:var(--f-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--sanguine);margin-bottom:10px}
.figbox p{margin:0;font-family:var(--f-body);font-size:16px;line-height:1.6;text-align:justify}
.figbox u{text-decoration-color:var(--rule-soft);text-underline-offset:3px}
.attribution{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3);padding:5px 0}
.attribution .mark{width:7px;height:7px;background:var(--sanguine);transform:rotate(45deg);flex:none}
.attribution .mark.assist{background:var(--stone)}
/* biblioteca */
.catrow{display:flex;align-items:center;gap:var(--sp-4);background:var(--vellum-2);padding:var(--sp-4) var(--sp-5);box-shadow:var(--sh-2)}
.catrow .t{font-family:var(--f-roman);font-size:22px}
.catrow .d{font-family:var(--f-body);font-style:italic;font-size:15px;color:var(--ink-2);margin-top:2px}
.catrow .c{font-family:var(--f-mono);font-size:13px;color:var(--sanguine);margin-top:8px;text-align:right}
.authorcard{display:flex;gap:var(--sp-4);background:var(--vellum-2);padding:var(--sp-4);box-shadow:var(--sh-2)}
.authorcard .n{font-family:var(--f-roman);font-size:24px}
.authorcard .bio{font-family:var(--f-body);font-style:italic;font-size:15px;color:var(--ink-2);line-height:1.45;margin-top:8px}
.worklist{display:grid;gap:var(--sp-4)}
.workrow{display:grid;grid-template-columns:96px 1fr 14px;gap:var(--sp-4);align-items:start;background:var(--vellum-2);padding:var(--sp-4);box-shadow:var(--sh-1)}
.workrow .t{font-family:var(--f-roman);font-size:24px;line-height:1.15}
.workrow .a{font-family:var(--f-body);font-style:italic;color:var(--ink-2);font-size:15px}
.workrow .y{font-family:var(--f-mono);font-size:14px;color:var(--sanguine)}
.workrow .hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.workrow .ex{font-family:var(--f-body);font-size:15px;line-height:1.45;margin-top:8px;color:var(--ink-2)}
/* quiz */
.quiz{border:none;background:var(--vellum);padding:var(--sp-7) var(--sp-6);box-shadow:var(--sh-2)}
.quiz .qt{font-family:var(--f-black);font-size:38px;line-height:1.05;text-align:center}
.quiz .qn{font-family:var(--f-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sanguine);text-align:center;margin-top:10px}
.quiz .qq{font-family:var(--f-body);font-style:italic;font-size:24px;line-height:1.3;text-align:center;margin:16px 0 20px}
.choice{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:var(--vellum-2);padding:14px 16px;margin-bottom:12px;min-height:56px;box-shadow:var(--sh-1)}
.choice .letter{font-family:var(--f-black);font-size:26px;color:var(--sanguine);text-align:center;line-height:1}
.choice .ctx{font-family:var(--f-body);font-size:16px;line-height:1.4}
.choice.correct{box-shadow:inset 0 0 0 1px var(--sanguine);background:var(--sanguine-wash)}
.choice.dim{opacity:.45}
.proofs{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--rule-soft)}
/* sheet */
.sheet{background:var(--vellum);border:none;padding:var(--sp-4) var(--sp-6) var(--sp-6);box-shadow:var(--sh-up)}
.sheet .handle{width:56px;height:5px;border-radius:3px;background:var(--ink);opacity:.8;margin:0 auto var(--sp-4)}
.sheet .sh{display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--rule-soft);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4)}
.sheet .sh .t{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.06em;font-size:26px;font-weight:600}
.sheet .sh .x{position:absolute;right:0;font-size:20px;color:var(--ink-2);cursor:pointer}
/* estados */
.state-card{border:none;background:var(--vellum-2);padding:var(--sp-6);text-align:center;box-shadow:var(--sh-1)}
.state-card .ico{font-size:28px;color:var(--sanguine);line-height:1}
.state-card h4{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.06em;font-size:19px;font-weight:600;margin:12px 0 6px}
.state-card p{font-family:var(--f-body);font-size:14px;line-height:1.45;color:var(--ink-2);margin:0}
.state-card .gq{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);margin-top:10px}

/* ————— Aparelho ————— */
.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-7)}
@media (max-width:980px){.phones{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.phones{grid-template-columns:1fr}}
.phone{width:100%;max-width:320px;margin:0 auto;background:#0e0c0a;border-radius:42px;padding:11px;box-shadow:0 40px 70px -34px rgba(40,25,10,.5)}
.screen{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:9/19.5;background:var(--vellum);display:flex;flex-direction:column}
.screen.night{background:var(--night-bg);color:var(--night-fg)}
.statusbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 6px;font-family:var(--f-mono);font-size:11px;flex:none}
.statusbar .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:92px;height:23px;background:#0e0c0a;border-radius:12px}
.scroll{flex:1;overflow:hidden;padding:0 16px}
.phone-cap{text-align:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:var(--sp-4)}
.rdr-body{font-family:var(--f-body);font-size:15px;line-height:1.55;text-align:justify;hyphens:auto}
.rdr-body .dc{font-family:var(--f-black);color:var(--sanguine);font-size:54px;line-height:.78;float:left;padding:4px 8px 0 0}
.rdr-body .vn{font-family:var(--f-mono);font-size:9px;color:var(--sanguine);vertical-align:.5em;margin:0 2px}
.screen.night .rdr-body .dc,.screen.night .rdr-body .vn{color:var(--night-rubric)}
.screen.night .readerhead,.screen.night .icontabs{border-color:var(--night-rule)}
.screen.night .tabbar,.screen.night .screenhead,.screen.night .sectionbar,.screen.night .versecard,.screen.night .figbox{box-shadow:var(--sh-night)}
.screen.night .tabbar,.screen.night .sectionbar,.screen.night .versecard{background:var(--night-bg-2)}
.screen.night .readerhead .loc .v,.screen.night .bookopen .sb,.screen.night .versecard .ed{color:var(--night-rubric)}
.screen.night .versecard .q{border-color:var(--night-rubric)}
.screen.night .readerhead .ics,.screen.night .tabbar .tb{color:var(--night-fg-2)}
.screen.night .tabbar .tb.on{color:var(--night-rubric)}
.screen.night .peri{color:var(--night-fg-2)}
.peri{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-family:var(--f-body);font-style:italic;font-size:14px;margin:12px 0}
.peri::before,.peri::after{content:"";height:1px;flex:1;background:var(--rule-soft)}

/* ————— Web ————— */
.webframe{border:none;background:var(--vellum);display:grid;grid-template-columns:200px 1fr;min-height:420px;box-shadow:var(--sh-3)}
.webframe .rail{padding:var(--sp-5) var(--sp-4);background:var(--vellum-2);box-shadow:var(--sh-1)}
.webframe .rail .mk{font-family:var(--f-black);font-size:26px;margin-bottom:var(--sp-5)}
.webframe .rail .nv{display:grid;gap:14px}
.webframe .rail .nv a{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.1em;font-size:17px;color:var(--ink-2);border:none}
.webframe .rail .nv a.on{color:var(--sanguine)}
.webcols{display:grid;grid-template-columns:150px 1fr 190px;gap:var(--sp-5);padding:var(--sp-6)}
@media (max-width:860px){.webframe{grid-template-columns:1fr}.webframe .rail{border-right:none;border-bottom:1px solid var(--rule-soft)}.webcols{grid-template-columns:1fr}}
.webcols .marg{font-family:var(--f-body);font-style:italic;font-size:13px;line-height:1.45;color:var(--ink-2)}
.webcols .marg .marker{font-family:var(--f-mono);font-style:normal;font-size:10px;color:var(--sanguine);margin-right:4px}
.sup{font-family:var(--f-mono);font-size:9px;color:var(--sanguine);vertical-align:super}
.spacescale{display:grid;gap:var(--sp-3)}
.sp-item{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:var(--sp-4)}
.sp-item .k{font-family:var(--f-mono);font-size:11px;color:var(--ink-3)}
.sp-item .bar{height:16px;background:var(--sanguine-wash);border-left:2px solid var(--sanguine)}

/* ——— acréscimos (antes adfontes-v3.2.css) ——— */
:root{--f-fell:"IM Fell DW Pica","IM Fell English",Georgia,serif}

/* ————— Citação bíblica (novo) ————— */
/* variante plana — para lista e contexto denso, sem textura */
/* variante noite */

/* ————— Glifos (novo) ————— */
.gl{font-family:"Cormorant Garamond","EB Garamond","DejaVu Sans","Segoe UI Symbol",serif;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;font-variant:normal;letter-spacing:0;font-style:normal}
.gl.lg{font-size:26px;width:32px;height:32px}
.gl.sm{font-size:15px;width:18px;height:18px}
.glyphtable{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}
.glyphtable .gitem{display:flex;align-items:center;gap:var(--sp-3);background:var(--vellum);padding:10px 12px;box-shadow:var(--sh-1)}
.glyphtable .gitem .gl{color:var(--sanguine)}
.glyphtable .gitem .gn{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.05em;font-size:14px;line-height:1.15}
.glyphtable .gitem .gc{font-family:var(--f-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.06em}
.glyphbox{display:flex;gap:var(--sp-5);flex-wrap:wrap;align-items:flex-start}
.glyphbox .demo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--vellum);box-shadow:inset 0 0 0 1px var(--rule-soft)}
.glyphbox .demo::before{content:"";position:absolute;width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--sanguine-wash)}
.glyphbox .demo .gl{position:relative;color:var(--ink)}
.glyphbox .cap{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:8px;text-align:center}
.glyphstate{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}
.glyphstate .gs{display:grid;grid-template-columns:32px 96px 1fr;gap:var(--sp-3);align-items:center;font-size:14px;color:var(--ink-2)}
.glyphstate .gs .k{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3)}

/* ————— Gabaritos de tela (novo) ————— */
.tmplrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--sp-4)}
.tmpl{background:var(--vellum);box-shadow:var(--sh-1);display:grid;gap:2px;padding:2px;aspect-ratio:9/15}
.tmpl .b{background:var(--vellum-2);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:3px;text-align:center;line-height:1.3}
.tmpl .b.r{background:var(--sanguine-wash);color:var(--sanguine)}
.tmpl .b.d{background:var(--ink);color:var(--vellum-2)}
.tmpl .b.o{background:transparent;box-shadow:inset 0 0 0 1px var(--rule-soft)}
.tmplname{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.06em;font-size:15px;margin-top:10px}
.tmplname span{display:block;font-family:var(--f-body);font-style:italic;font-size:13px;color:var(--ink-2);letter-spacing:0;font-variant:normal}
.measures{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
.measures th{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:0 var(--sp-4) var(--sp-3) 0;border-bottom:1px solid var(--rule-soft);font-weight:400}
.measures th:first-child{width:72px}
.measures td{padding:10px var(--sp-4) 10px 0;border-bottom:1px dotted var(--rule-soft);vertical-align:top}
.measures td:first-child{font-family:var(--f-mono);font-size:12px;color:var(--sanguine)}
.measures td:last-child{font-style:italic;color:var(--ink-2)}
.measures tr:last-child td{border-bottom:none}

/* ——— acréscimos (antes adfontes-v3.3.css) ——— */
:root{--f-sc:"Cormorant SC","Cormorant Garamond",serif;--g-line:#c8a043;--g-edge:#836420;--g-text:#dcb85f;--g-soft:#9c7a2e}

/* § VI Elevação — dois níveis: o material de cartão colapsa no repouso */
:root{--sh-2:var(--sh-1)}

/* alternativa correta do quiz — veredito verde, como no app */
.choice.correct{box-shadow:inset 0 0 0 1px #62946c;background:#d1f2d7}
.choice.correct .letter{color:#266739}


/* encadernações por categoria — placa canônica (do playground Cores) */
:root{--gilt-fio:linear-gradient(90deg,#836420,#c8a043 30%,#f7e7a8 50%,#c8a043 70%,#836420)}
.plategrid{display:flex;gap:26px;flex-wrap:wrap}
.plate{width:132px;height:203px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:17px 12px 13px;border-style:solid;border-width:1.5px;border-top-color:#f7e7a8;border-left-color:#c8a043;border-right-color:#836420;border-bottom-color:#836420;box-shadow:0 8px 20px rgba(40,26,8,.30)}
.plate .inl{position:absolute;inset:4px;border-style:solid;border-width:1px;border-top-color:#836420;border-left-color:#836420;border-right-color:#c8a043;border-bottom-color:#f7e7a8;opacity:.9;pointer-events:none}
.cover>*{position:relative}
.plate .crest{margin:3px 0 7px;display:flex;align-items:center;height:30px}
.plate .lat{font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;text-align:center;color:#dcb85f;text-shadow:0 1px 0 rgba(0,0,0,.28)}
.plate .fil{width:16px;height:1.5px;background:var(--gilt-fio);margin:7px 0 9px}
.plate .ttl{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2px;overflow:hidden}
.plate .ttl span{font-family:var(--f-roman);font-weight:600;font-size:16.5px;line-height:1.14;color:#dcb85f;text-shadow:0 1px 0 rgba(0,0,0,.28);text-wrap:balance}
.plate .foot{margin-top:7px;width:100%}
.plate .orn{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:5px}
.plate .orn i{flex:1;height:1px;max-width:24px;background:var(--gilt-fio);opacity:.8}
.plate .orn b{font-weight:400;font-size:7px;line-height:1;color:#dcb85f;text-shadow:0 1px 0 rgba(0,0,0,.28)}
.plate .aut{font-family:var(--f-body);font-style:italic;font-size:11.5px;line-height:1.2;text-align:center;padding:0 2px;color:#9c7a2e}
.plate .yr{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;color:#9c7a2e;opacity:.9;margin-top:9px}
.aw{font-family:var(--f-roman);font-weight:600;font-size:27px;line-height:1;color:#dcb85f}
.platecap{width:132px;font-family:var(--f-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-top:10px;text-align:center;line-height:1.6}
.leastrip{display:flex;border:1px solid var(--rule-soft)}
.leastrip>div{flex:1;border-left:1px solid var(--rule-soft)}
.leastrip>div:first-child{border-left:none}
.leastrip .sw{height:38px}
.leastrip .nm{font-family:var(--f-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding:5px 2px 6px;background:var(--vellum-2)}

/* lista de acentos de categoria */
.acclist{display:grid;gap:6px}
.acc{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px}
.acc .sq{width:14px;height:14px;box-shadow:inset 0 0 0 1px oklch(0.30 0.04 55/.25)}
.acc .an{font-family:var(--f-roman);font-variant:small-caps;letter-spacing:.05em;font-size:15px;color:var(--ink)}
.acc .ah{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3)}

/* divergência de tradução — lavagem ocre de marcação (token vellumWash) */
.diff{background:#f0e4c2}

/* abertura de parte */
.part{margin:var(--sp-8) 0 var(--sp-6);padding-top:var(--sp-6);border-top:3px double var(--rule)}
.part:first-child{margin-top:var(--sp-5)}
.part .pn{font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sanguine)}
.part .ph{font-family:var(--f-black);font-size:clamp(34px,5vw,52px);line-height:1.05;font-weight:400;margin:var(--sp-3) 0 var(--sp-3);color:var(--ink)}
.part .pl{font-family:var(--f-body);font-style:italic;font-size:18px;line-height:1.5;color:var(--ink-2);max-width:60ch;margin:0}
.part+section{border-top:none;padding-top:0}

/* retrato do autor — édicula: um só contorno, do plinto ao fecho do arco */
.aed{flex:none;text-align:center}
.aed .ent{position:relative;margin:0 -4px;height:10px;display:flex;align-items:center;justify-content:center;gap:7px}
.aed .ent i{width:16px;height:1px;background:var(--ink);opacity:.6}
.aed .dmd{width:6px;height:6px;flex:none;background:var(--sanguine);transform:rotate(45deg)}
.aed .dmd.sm{width:5px;height:5px}
.aed .arcade{position:relative;margin-top:4px}
.aed .niche{border:1.5px solid var(--ink);border-radius:50% 50% 0 0/30% 30% 0 0;overflow:hidden;background:var(--vellum)}
.aed .niche img{width:100%;display:block;filter:grayscale(1) contrast(1.04);mix-blend-mode:multiply}
.aed .mold{position:absolute;inset:5px;border:1px solid var(--ink);border-radius:50% 50% 0 0/27% 27% 0 0;pointer-events:none}
.aed .jamb{position:absolute;top:31%;bottom:5px;width:5px;background:linear-gradient(90deg,transparent 2px,var(--ink) 2px 3px,transparent 3px)}
.aed .jamb.l{left:2px}
.aed .jamb.r{right:2px}
.aed .jamb::before,.aed .jamb::after{content:"";position:absolute;left:-2px;right:-2px;height:3px;background:var(--ink)}
.aed .jamb::before{top:-1px}
.aed .jamb::after{bottom:-1px}
.aed .sty{margin:0 -4px;height:9px;display:flex;align-items:center;justify-content:center;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.aed .yrs{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--sanguine);margin-top:7px}

/* § IX — fragmento de papiro: a citação como objeto, não como caixa */
.papy{position:relative;padding-bottom:20px;filter:drop-shadow(0 3px 7px rgba(70,46,14,.22)) drop-shadow(0 1px 1px rgba(70,46,14,.14))}
.papy .sheet{position:relative;padding:34px 30px 28px;clip-path:polygon(0.0% 1.9%,4.5% 1.0%,9.1% 1.7%,13.6% 3.2%,18.2% 2.2%,22.7% 1.7%,27.3% 2.8%,31.8% 2.9%,36.4% 0.2%,40.9% 3.2%,45.5% 0.7%,50.0% 0.6%,54.5% 3.2%,59.1% 0.2%,63.6% 1.2%,68.2% 0.1%,72.7% 0.2%,77.3% 2.2%,81.8% 3.0%,86.4% 2.6%,90.9% 2.4%,95.5% 0.2%,100.0% 2.0%,98.4% 4.5%,99.3% 9.1%,97.1% 13.6%,99.8% 18.2%,97.4% 22.7%,99.5% 27.3%,99.9% 31.8%,97.7% 36.4%,97.6% 40.9%,97.2% 45.5%,97.4% 50.0%,97.3% 54.5%,97.6% 59.1%,99.9% 63.6%,98.9% 68.2%,99.5% 72.7%,97.9% 77.3%,98.8% 81.8%,99.0% 86.4%,97.5% 90.9%,99.0% 95.5%,97.2% 100.0%,95.5% 98.2%,90.9% 99.4%,86.4% 98.5%,81.8% 98.2%,77.3% 98.7%,72.7% 99.0%,68.2% 97.3%,63.6% 98.1%,59.1% 98.9%,54.5% 97.7%,50.0% 98.1%,45.5% 98.7%,40.9% 98.2%,36.4% 99.2%,31.8% 99.7%,27.3% 98.1%,22.7% 98.3%,18.2% 98.5%,13.6% 99.1%,9.1% 98.6%,4.5% 99.7%,0.0% 97.5%,0.6% 95.5%,0.4% 90.9%,2.7% 86.4%,1.9% 81.8%,2.0% 77.3%,3.0% 72.7%,0.8% 68.2%,1.5% 63.6%,1.3% 59.1%,2.0% 54.5%,2.2% 50.0%,0.7% 45.5%,0.6% 40.9%,2.0% 36.4%,0.0% 31.8%,0.9% 27.3%,2.5% 22.7%,2.5% 18.2%,1.4% 13.6%,1.2% 9.1%,1.6% 4.5%);background-color:#ecdcbb;background-image:repeating-linear-gradient(90deg,rgba(138,99,46,.045) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(138,99,46,.03) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,rgba(116,82,36,.018) 0 16px,transparent 16px 33px),radial-gradient(130% 90% at 18% -10%,#f3e7cc,transparent 64%),radial-gradient(120% 100% at 92% 108%,rgba(190,158,108,.35),transparent 60%)}
.papy .sheet::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(114% 108% at 50% 50%,transparent 62%,rgba(120,84,36,.08) 86%,rgba(96,65,24,.22) 100%)}
.papy.b .sheet{clip-path:polygon(0.0% 3.0%,5.6% 0.1%,11.1% 3.2%,16.7% 3.4%,22.2% 2.2%,27.8% 1.6%,33.3% 1.9%,38.9% 2.2%,44.4% 2.4%,50.0% 0.5%,55.6% 0.5%,61.1% 2.2%,66.7% 0.5%,72.2% 3.3%,77.8% 3.6%,83.3% 3.3%,88.9% 1.1%,94.4% 3.7%,100.0% 3.9%,98.5% 5.6%,97.3% 11.1%,97.0% 16.7%,98.3% 22.2%,98.1% 27.8%,96.1% 33.3%,99.9% 38.9%,96.6% 44.4%,97.9% 50.0%,97.7% 55.6%,97.9% 61.1%,99.7% 66.7%,96.8% 72.2%,98.8% 77.8%,98.8% 83.3%,97.0% 88.9%,96.1% 94.4%,97.2% 100.0%,94.4% 98.0%,88.9% 99.3%,83.3% 97.5%,77.8% 99.9%,72.2% 98.2%,66.7% 97.7%,61.1% 98.4%,55.6% 99.7%,50.0% 99.3%,44.4% 98.7%,38.9% 98.7%,33.3% 97.4%,27.8% 97.7%,22.2% 99.0%,16.7% 99.7%,11.1% 98.8%,5.6% 97.9%,0.0% 97.9%,2.4% 94.4%,1.7% 88.9%,2.8% 83.3%,2.6% 77.8%,0.3% 72.2%,3.2% 66.7%,3.8% 61.1%,0.7% 55.6%,1.0% 50.0%,3.4% 44.4%,3.3% 38.9%,3.4% 33.3%,1.2% 27.8%,2.7% 22.2%,3.5% 16.7%,1.0% 11.1%,3.3% 5.6%)}
.papy.s .sheet{clip-path:polygon(0.0% 4.1%,5.0% 3.1%,10.0% 0.8%,15.0% 0.2%,20.0% 2.2%,25.0% 4.7%,30.0% 3.7%,35.0% 1.6%,40.0% 1.5%,45.0% 3.7%,50.0% 2.5%,55.0% 1.1%,60.0% 0.6%,65.0% 0.4%,70.0% 0.8%,75.0% 4.7%,80.0% 2.0%,85.0% 0.9%,90.0% 2.4%,95.0% 3.8%,100.0% 2.0%,100.0% 98.0%,95.0% 96.3%,90.0% 96.5%,85.0% 99.7%,80.0% 95.7%,75.0% 97.0%,70.0% 95.5%,65.0% 95.0%,60.0% 99.1%,55.0% 96.3%,50.0% 96.0%,45.0% 97.0%,40.0% 96.9%,35.0% 96.5%,30.0% 95.5%,25.0% 98.0%,20.0% 98.3%,15.0% 96.9%,10.0% 95.5%,5.0% 99.4%,0.0% 96.6%);padding:26px 28px 22px}
.papy .lac{position:absolute;background:var(--vellum);pointer-events:none;box-shadow:0 0 0 1px rgba(96,65,24,.22)}
.papy .ft{font-family:var(--f-fell);font-size:20px;line-height:1.5;text-align:center;text-wrap:pretty;color:#33291d;margin:0;position:relative}
.papy .ft .vn{font-family:var(--f-mono);font-size:10px;vertical-align:.5em;color:#8c3a2c;margin-right:2px}
.papy .docket{position:absolute;right:16px;bottom:0;display:flex;align-items:baseline;gap:.45em;padding:5px 13px 6px;font-size:9px;line-height:12px;clip-path:polygon(0% 8%,3% 0%,100% 2%,97% 36%,100% 70%,96% 100%,50% 96%,4% 100%,1% 58%,3% 30%);background-color:#e5d3ac;background-image:repeating-linear-gradient(0deg,rgba(138,99,46,.055) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(138,99,46,.035) 0 1px,transparent 1px 6px);filter:drop-shadow(0 2px 3px rgba(70,46,14,.26))}
.papy.night .docket{background-color:#3f3422;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.09) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 6px)}
.papy .docket .rf{font-size:14px;letter-spacing:.08em}
.papy .docket .mk{font-family:var(--f-mono);font-size:10px;margin:0;vertical-align:0}
.papy .mk{font-family:var(--f-body);font-size:15px;color:#8c3a2c;margin:0 .42em 0 .3em;vertical-align:.06em;letter-spacing:.06em}
.papy .rf{font-family:var(--f-roman);font-variant:small-caps;font-weight:600;letter-spacing:.09em;font-size:17px;color:#8c3a2c}
.papy .ed{font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#4d3413}
.papy.night .sheet{background-color:#463a26;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 6px),radial-gradient(130% 90% at 18% -10%,#54462d,transparent 64%),radial-gradient(120% 100% at 92% 108%,rgba(40,31,18,.5),transparent 60%)}
.papy.night .sheet::before{background:radial-gradient(114% 108% at 50% 50%,transparent 60%,rgba(0,0,0,.14) 84%,rgba(0,0,0,.34) 100%)}
.papy.night .ft{color:#e8dcc2}
.papy.night .rf,.papy.night .ft .vn,.papy.night .mk{color:#eb9d84}
.papy.night .ed{color:#d6c8a8}
.papy.night .lac{background:var(--night-bg,#1e1a15)}