/* Edição 01: a composição, a tinta e o motivo pertencem a cada página. */
.edition-page-content{overflow:hidden}
.edition-book__paper{
  background-color:var(--paper,#f2e8d3);
  background-image:linear-gradient(90deg,rgba(0,0,0,.055),transparent 12% 88%,rgba(0,0,0,.055)),
    radial-gradient(circle at 19% 28%,rgba(255,255,255,.25),transparent 40%),
    url("../../assets/img/almanaque-papel-textura.webp");
  background-size:auto,auto,cover;
  background-blend-mode:normal,normal,soft-light;
}
.edition-paper-theme-ivory{--paper:#f5eddb;--ink:#312a23;--accent:#a54b34}
.edition-paper-theme-sky{--paper:#d5e9e9;--ink:#183944;--accent:#2f6979}
.edition-paper-theme-noir{--paper:#242424;--ink:#f3efe5;--accent:#d4d0c4}
.edition-paper-theme-mono{--paper:#e8e7e0;--ink:#252526;--accent:#656463}
.edition-paper-theme-cassette{--paper:#f5e9d3;--ink:#352b27;--accent:#a04d45}
.edition-paper-theme-olive{--paper:#d9e0bc;--ink:#333d27;--accent:#65754a}
.edition-paper-theme-baby-blue{--paper:#d9eaf4;--ink:#244253;--accent:#487896}
.edition-paper-theme-fennel{--paper:#e3efcd;--ink:#2e493b;--accent:#547a64}
.edition-paper-theme-color{--paper:#ecebe7;--ink:#20252e;--accent:#d74739}
.edition-paper-theme-lilac{--paper:#e9e3ed;--ink:#40354c;--accent:#8c6c98}
.edition-paper-theme-midnight{--paper:#142d3d;--ink:#f8ecce;--accent:#f2bc66}
.edition-book__paper::before{border-color:color-mix(in srgb,var(--ink,#443) 17%,transparent)}
.article-page{position:relative;isolation:isolate;height:100%;min-height:0;display:flex;flex-direction:column;gap:.45rem;color:var(--ink);font:500 clamp(12px,.83vw,15px)/1.42 Georgia,serif}
.article-page__header,.article-page__body,.article-page__visual,.article-page .page-footer{position:relative;z-index:1}
.article-page__header{flex:none;padding-bottom:.3rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}
.article-page__label{display:inline-block;padding:.2rem .44rem;background:var(--accent);color:#fff;font:900 clamp(8px,.62vw,11px)/1.1 Arial,sans-serif;letter-spacing:.09em}
.article-page h3{margin:.36rem 0 .08rem;color:var(--ink);font:900 clamp(17px,1.38vw,26px)/1.04 Georgia,serif;letter-spacing:-.025em}
.article-page__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 .32rem .3rem 0;scrollbar-color:var(--accent) transparent;scrollbar-width:thin}
.article-page__body p{margin:.06em 0 .78em}
.article-page__body p:first-of-type::first-letter{font-size:1.36em;font-weight:700}
.article-page__body a,.article-page__link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;font-weight:700}
.article-page__link{display:inline-block;font:.82em/1.35 Arial,sans-serif}
.article-page__visual{margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--paper) 75%,#fff)}
.article-page__visual img{display:block;width:100%;height:100%;object-fit:contain}
.article-page--top>.article-page__visual{flex:0 0 24%;width:100%}
/* A fotografia original inclui uma manchete cortada no rodapé. Enquadrar só a banda. */
.article-page--petra>.article-page__visual{flex:0 0 auto;aspect-ratio:378/120;max-height:24%}
.article-page--petra>.article-page__visual img{height:auto;object-fit:unset}
.article-page--left .article-page__visual,.article-page--right .article-page__visual{width:43%;height:auto;aspect-ratio:2/3;max-height:55%;margin:.14rem .65rem .35rem 0}
.article-page--left .article-page__visual{float:left}
.article-page--right .article-page__visual{float:right;margin:.14rem 0 .35rem .65rem}
.article-page--bottom>.article-page__visual{flex:0 0 29%;width:77%;align-self:end}
.article-page--baby-blue>.article-page__visual{width:100%;flex-basis:30%;border:0}
.article-page--baby-blue>.article-page__visual img{object-fit:cover}
.article-page .page-footer{flex:none;margin:0;background:var(--accent);color:#fff;font-size:clamp(7px,.48vw,9px)}
.article-page--noir .page-footer,.article-page--midnight .page-footer{color:#1d252b}
.article-page--noir .article-page__label{background:#f2f0e9;color:#1d1d1d}
.article-page--noir .article-page__body{padding-left:.65rem;border-left:3px solid #a3a3a0}
.article-page--noir::before{content:'♫';position:absolute;right:2%;bottom:9%;font:italic 9rem/1 Georgia,serif;color:rgba(255,255,255,.06);transform:rotate(-14deg);z-index:0}
.article-page__watermark{position:absolute;z-index:0;right:-12%;bottom:1%;width:108%;height:78%;object-fit:contain;object-position:right bottom;opacity:.13;filter:grayscale(1);pointer-events:none}
.article-page--noir .article-page__body{z-index:1}
.article-page--mono .article-page__visual img{filter:grayscale(1)}
.article-page--cassette::before{content:'A   ▸   B';position:absolute;right:-9%;top:37%;transform:rotate(-90deg);white-space:nowrap;font:900 3.5rem/1 Arial,sans-serif;letter-spacing:.12em;color:rgba(138,72,63,.075);z-index:0}
.article-page--olive::before{content:'';position:absolute;right:-20%;bottom:2%;width:85%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 7px,rgba(78,94,52,.07) 8px 9px);z-index:0}
.article-page--baby-blue::before{content:'';position:absolute;left:-25%;bottom:-30%;width:90%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 11px,rgba(44,105,143,.08) 12px 14px);z-index:0}
.article-page--fennel .article-page__visual{width:52%;max-height:67%;border:0;background:transparent}
.article-page--fennel .article-page__visual img{border-radius:4px}
.article-page__association-mark{position:absolute;z-index:0;left:3%;bottom:11%;width:38%;aspect-ratio:1;object-fit:contain;opacity:.12;filter:grayscale(1);pointer-events:none}
.article-page--color{background:linear-gradient(110deg,rgba(0,0,0,.055) 0 42%,transparent 42%);}
.article-page--color .article-page__visual img{filter:saturate(1.25)}
.article-page--letter .article-page__body{padding:.75rem .7rem .5rem;border-left:2px solid var(--accent);background:rgba(255,255,255,.22);font-size:1.08em}
.article-page--ivory .article-page__body p:last-child{text-align:right;font-weight:700;font-style:italic}
.article-page--closing .article-page__body{display:flex;flex-direction:column;justify-content:center;font-size:1.16em}
.article-page--closing .next-edition-date{background:rgba(255,255,255,.12);border-color:var(--accent);color:var(--ink)}
.article-placeholder{padding:.8rem;border:1px dashed var(--accent);background:rgba(255,255,255,.33);font:700 .87em/1.4 Arial,sans-serif}
.article-endpaper{display:grid;place-items:center;height:100%;font:900 1.1rem/1.2 Georgia,serif;color:#956948;letter-spacing:.12em;text-align:center}
.edition-acquire__button:disabled{opacity:.78;cursor:not-allowed}
.edition-acquire__button:disabled:hover{outline:none;background:rgba(13,10,10,.76)}
.edition-acquire__button small{font-size:.75em;color:#edd6a9}
.next-edition-date{padding:.5rem;border-left:3px solid var(--accent);background:rgba(255,255,255,.4);font-weight:700}
