/* Shared reading template for the Speciali PMI Stories. */
:root{--special-paper:#fbfaf6;--special-ink:#111;--special-yellow:#fff000;--special-reading-width:760px}
body.specialEditorialPage{margin:0;background:var(--special-paper);color:var(--special-ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.specialEditorialPage .referenceArticleOpening{width:100%;max-width:none;margin:0;background:#000}
.specialEditorialPage .referenceArticleOpening>img{width:100%;height:auto;display:block;max-width:none}
.specialEditorialPage main{width:100%;max-width:none;margin:0}
.specialArticle{background:var(--special-paper);padding:55px max(22px,4.5vw) 50px}
.specialArticle>*,.specialArticle .specialReadingSection{max-width:var(--special-reading-width);margin-left:auto;margin-right:auto}
.specialArticleIntro{padding-bottom:35px;border-bottom:1px solid #d5d2c9;margin-bottom:38px}
.specialArticleKicker,.specialReadingSection>.specialChapter{font:700 10px/1.6 Arial,sans-serif;letter-spacing:.13em;color:#746b00;margin:0 0 18px}
.specialArticleIntro .specialDeck{font:400 28px/1.35 Georgia,serif;letter-spacing:-.025em;margin:20px 0 28px}
.specialArticleIntro>p:not(.specialArticleKicker):not(.specialDeck){font:400 18px/1.7 Arial,sans-serif;margin:0 0 22px}
.specialReadingSection{margin-top:0;margin-bottom:42px}
.specialReadingSection h2{font:700 37px/1.14 Georgia,serif;letter-spacing:-.04em;margin:0 0 27px}
.specialReadingSection h3{font:700 27px/1.18 Georgia,serif;letter-spacing:-.03em;margin:30px 0 20px}
.specialReadingSection p{font:400 20px/1.75 Georgia,serif;margin:0 0 24px;orphans:3;widows:3}
.specialReadingSection blockquote{font:700 28px/1.25 Georgia,serif;letter-spacing:-.025em;padding:0 0 0 24px;border-left:3px solid #d4c400;margin:30px 0}
.specialReadingSection blockquote p{font:inherit;margin:0}
.specialReadingSection .specialQuoteHighlight{background:var(--special-yellow);border:0;padding:25px;margin:30px 0}
.specialEditorialPhoto{margin:32px 0 36px;width:100%}
.specialEditorialPhoto img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.specialEditorialPhoto figcaption{font:400 11px/1.6 Arial,sans-serif;color:#68655c;padding-top:12px}
.specialEditorialPhoto.specialPortrait{max-width:440px;margin-left:auto;margin-right:auto}
.specialArticle .editorialShare{max-width:var(--special-reading-width);padding:30px 0 10px}
.specialEditorialPage a:focus-visible{outline:2px solid #817600;outline-offset:4px}
.specialEditorialPage .specialRelated{display:grid;border-top:1px solid #ccc;margin-top:40px;padding-top:25px;gap:0}
.specialRelated>span{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#666;margin-bottom:15px}
.specialRelated>a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #d5d2c9;font:500 16px/1.5 Arial,sans-serif;color:#111;text-decoration:none}
@media(max-width:700px){.specialArticle{padding:32px 22px 42px}.specialArticleIntro{padding-bottom:27px;margin-bottom:30px}.specialArticleIntro .specialDeck{font-size:25px;line-height:1.4;margin-bottom:24px}.specialArticleIntro>p:not(.specialArticleKicker):not(.specialDeck){font-size:17px;line-height:1.7}.specialReadingSection{margin-bottom:34px}.specialReadingSection h2{font-size:31px;line-height:1.16}.specialReadingSection p{font-size:18px;line-height:1.75}.specialReadingSection blockquote{font-size:25px;line-height:1.3;padding-left:18px;margin:27px 0}.specialEditorialPhoto{margin:25px 0 29px}.specialReadingSection .specialQuoteHighlight{padding:23px 19px}}


@media(min-width:701px) and (max-width:1100px){.specialArticle{padding:42px 5%}}

/* Full-bleed black opening; fit the complete artwork to both viewport dimensions. */
.specialEditorialPage .referenceArticleOpening{display:flex;justify-content:center;align-items:center;width:100%;max-width:none;margin:0;padding:0;background:#000;overflow:hidden}
.specialEditorialPage .specialCoverComposition{position:relative;isolation:isolate;flex:none;width:min(100%,137.46vh,1440px);margin:0 auto;line-height:0}
.specialEditorialPage .specialCoverComposition>img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain}
.specialEditorialPage .specialCoverComposition .storyTextLink{line-height:1}
.specialEditorialPage .top{background:#000;color:#fff;max-width:none;margin:0;box-sizing:border-box;min-height:44px;padding:16px 5% 6px}
@supports(height:100svh){.specialEditorialPage .specialCoverComposition{width:min(100%,137.46svh,1440px)}}

/* Identical article navigation and related reading across all Speciali. */
.specialEditorialPage .specialArticleHomeBar{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:0 5%;margin:0;background:#000;color:#fff}
.specialArticleHomeBar>a{box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 3px;color:#fff;text-decoration:none;font:400 13px/1.4 Arial,sans-serif;letter-spacing:0}
.specialArticleHomeBar>a:hover{text-decoration:underline;text-underline-offset:4px}
.specialRelated,.specialRelated *{box-sizing:border-box}
.specialEditorialPage .specialRelated{display:grid;max-width:760px;border-top:1px solid #ccc;padding:28px 0 0;margin:45px auto 35px}
.specialRelated>span{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#666;margin-bottom:15px}
.specialRelated>a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #d5d2c9;color:#111;text-decoration:none;font:500 16px/1.5 Arial,sans-serif}
.specialRelated>a:hover{color:#796f00}
@media(max-width:700px){.specialEditorialPage .specialArticleHomeBar{padding:0 22px}.specialEditorialPage .specialRelated{margin-top:32px}.specialRelated>a{min-height:52px}}

.specialArticleHomeBar .specialHomeArrow{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#fff;font-variant-emoji:text}