/* Visual das paginas de leitura: os episodios (episodio.template.html) e o conto particular do Confidente. */
:root{--ink:#0d0c0b;--paper:#e9e3d8;--paper-2:#b8b0a2;--mute:#7d7568;--gold:#c9a24d;--gold-2:#e2c47a;--line:rgba(233,227,216,.12);--display:'Cormorant Garamond',Georgia,serif;--body:'Crimson Pro',Georgia,serif;--mono:'Courier Prime','Courier New',monospace;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:1.16rem;line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
nav{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(13,12,11,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
nav div{max-width:46rem;margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--paper)}
.brand b{font-weight:500;color:var(--gold)}
.sair{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.sair+.sair{margin-left:18px}
main{max-width:34rem;margin:0 auto;padding:clamp(30px,6vw,60px) 20px 70px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.num{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:center}
h1{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(2.3rem,7vw,3.4rem);line-height:1.04;text-align:center;margin:.3em 0 1.1em}
p{margin:0 0 1.15rem;text-align:justify;hyphens:auto}
p.fala{margin-left:.8rem;text-align:left}
p.msg{margin-left:1.4rem;font-style:italic;color:var(--paper-2);font-size:.98rem;text-align:left}
p.fala b{font-weight:400;font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2)}
hr{border:0;margin:2.6rem 0;text-align:center;color:var(--mute)}
hr:after{content:'\2022\00a0\00a0\2022\00a0\00a0\2022'}
figure{margin:2.4rem -20px}
figure img{width:100%;display:block;filter:grayscale(1) contrast(1.06)}
@media(min-width:620px){figure{margin:2.6rem 0}}
.fim{margin-top:54px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.fim span{margin-left:auto}
.carimbo{margin-top:30px;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;color:var(--mute)}
@media print{body{display:none}}