/* Full-page artwork with live, high-contrast cover lettering. */
.ia-site .magazine-cover,
.mag-quiet-reader .magazine-cover {
 --cover-paper:#fff8e6;
 --cover-ink:#075052;--cover-edge:#fff4d4;--cover-wash:rgba(255,244,212,.48);
 position:relative;display:block;
 container-type:inline-size;box-sizing:border-box;width:100%;aspect-ratio:2/3;
 margin:0;padding:0;background:#203e39;color:#fff;
 border:1px solid #60706a;border-left:3px solid #263e38;border-radius:2px 5px 5px 2px;
 box-shadow:3px 3px 0 #d5c8ae,5px 6px 0 -1px #fff6df,9px 12px 20px #26382d20;
 isolation:isolate;transform:none;overflow:hidden;
}
.ia-site .magazine-cover .mag-cover-heading,
.mag-quiet-reader .magazine-cover .mag-cover-heading {
 position:absolute;inset:0 0 auto;z-index:2;display:flex;flex-direction:column;align-items:flex-start;
 margin:0;padding:4% 6% 0;
 background:transparent;
 color:var(--cover-ink);line-height:1.4;text-align:left;
}
.ia-site .magazine-cover .mag-cover-heading strong,
.mag-quiet-reader .magazine-cover .mag-cover-heading strong {
 display:block;font-family:'Baloo Bhaina 2',sans-serif;font-size:12cqw;font-weight:700;
 line-height:1.35;color:var(--cover-ink);white-space:nowrap;margin:0;padding:0;letter-spacing:0;
 -webkit-text-stroke:.5cqw var(--cover-edge);paint-order:stroke fill;
 text-shadow:none;
}
.ia-site .magazine-cover .mag-cover-heading span,
.mag-quiet-reader .magazine-cover .mag-cover-heading span {font-size:4.5cqw;line-height:1.6;color:var(--cover-ink);
 -webkit-text-stroke:.5cqw var(--cover-edge);paint-order:stroke fill;text-shadow:none}
.ia-site .magazine-cover img.storybook-cover-art,
.mag-quiet-reader .magazine-cover img.storybook-cover-art {
 position:absolute;inset:0;z-index:1;display:block;min-height:0;width:100%;height:100%;
 max-width:none;max-height:none;object-fit:contain;
 margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;
}

.ia-site .magazine-cover .mag-cover-date,
.mag-quiet-reader .magazine-cover .mag-cover-date {
 position:absolute;inset:auto auto 4% 6%;z-index:2;width:max-content;max-width:88%;
 font-size:5.5cqw;font-weight:600;line-height:1.6;text-align:left;margin:0;padding:0;
 border:0;border-radius:0;color:var(--cover-ink);background:transparent;
 -webkit-text-stroke:.5cqw var(--cover-edge);paint-order:stroke fill;text-shadow:none;
}
/* Feather the artwork only immediately behind each text line. */
.ia-site .magazine-cover .mag-cover-heading :is(strong,span),
.mag-quiet-reader .magazine-cover .mag-cover-heading :is(strong,span) {
 position:relative;isolation:isolate;width:max-content;max-width:100%;
}
.ia-site .magazine-cover :is(.mag-cover-heading strong,.mag-cover-heading span,.mag-cover-date)::before,
.mag-quiet-reader .magazine-cover :is(.mag-cover-heading strong,.mag-cover-heading span,.mag-cover-date)::before {
 content:"";position:absolute;inset:-1cqw -2cqw;z-index:-1;pointer-events:none;
 border-radius:50%;background:var(--cover-wash);
 -webkit-backdrop-filter:blur(1.5cqw);backdrop-filter:blur(1.5cqw);
 -webkit-mask-image:radial-gradient(ellipse, #000 45%,transparent 75%);
 mask-image:radial-gradient(ellipse, #000 45%,transparent 75%);
}
@media(forced-colors:active) {
 .ia-site .magazine-cover :is(.mag-cover-heading strong,.mag-cover-heading span,.mag-cover-date)::before,
 .mag-quiet-reader .magazine-cover :is(.mag-cover-heading strong,.mag-cover-heading span,.mag-cover-date)::before {display:none}
}
/* Consistent issue opening and comfortably sized links, including phones. */
.magazine-issue .mag-edition-opening {grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding-block:28px 36px!important}
.magazine-issue .mag-cover-link {display:block;width:260px;max-width:100%;justify-self:end;margin:10px 10px 12px 0}
.magazine-issue .mag-cover-link .magazine-cover {transform:perspective(1400px) rotateY(-3deg)}
.magazine-issue .mag-edition-actions {gap:12px 20px}
.magazine-issue .mag-edition-actions a {display:inline-flex;align-items:center;min-height:44px}
.magazine-issue .ia-contents .ia-article-card {display:flex;flex-direction:column}
.magazine-issue .ia-contents .ia-article-card>a:first-child {height:auto}
.magazine-issue .ia-contents :is(.mag-card-byline,.nov-card-byline) {display:block;margin:8px 0 12px;font-size:1rem;line-height:1.8}
.magazine-issue .ia-contents :is(.mag-card-byline,.nov-card-byline) a {display:inline-block;min-height:28px;padding-block:3px;text-decoration:underline;text-underline-offset:4px}
.magazine-issue .ia-contents .ia-card-read {display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:44px;height:auto;margin-top:auto;padding-block:10px}
.magazine-issue .ia-contents :is(h2,h3) {scroll-margin-top:24px}
.mag-cover-link:focus-visible,.magazine-issue .mag-edition-actions a:focus-visible {outline:3px solid #163f5b;outline-offset:6px}
.shishu .ia-main>.ia-issue-intro .storybook-cover-link {width:220px;max-width:100%}
.shishu .ia-main>.ia-issue-intro .magazine-cover {transform:perspective(1400px) rotateY(-3deg)}
/* Archive cards use the edition's complete cover rather than a differently shaped crop. */
.ia-site .issue-preview .magazine-cover {width:190px;max-width:85%;justify-self:center;align-self:center;margin:6px auto 22px}
.ia-site .issue-preview .magazine-cover::before,.ia-site .issue-preview .magazine-cover::after {display:none}
.mag-quiet-reader .quiet-illustrated-cover {padding:0;gap:0;border:0;background:#fff8e6}
.mag-quiet-reader .quiet-illustrated-cover>.magazine-cover {height:100%;width:100%;flex:none;box-shadow:none;overflow:hidden;transform:none;aspect-ratio:auto}
.mag-quiet-reader .quiet-cover-book {box-shadow:3px 3px 0 #d5c8ae,6px 7px 0 -1px #fff6df,9px 12px 20px #26382d20}
@media(max-width:600px) {
 .magazine-issue .mag-edition-opening {grid-template-columns:1fr;gap:20px}
 .magazine-issue .mag-cover-link {grid-row:2;justify-self:center;width:220px;margin:6px 8px 14px}
 .magazine-issue .mag-cover-link .magazine-cover,.shishu .ia-main>.ia-issue-intro .magazine-cover {transform:none}
 .shishu .ia-main>.ia-issue-intro:has(.magazine-cover) {grid-template-columns:1fr;gap:26px}
 .shishu .ia-main>.ia-issue-intro .storybook-cover-link {width:200px;justify-self:center}
}
@media(pointer:coarse) {.magazine-issue .ia-contents :is(.mag-card-byline,.nov-card-byline) a{min-height:44px}}
@media(prefers-reduced-motion:reduce),print {.magazine-issue .mag-cover-link .magazine-cover,.shishu .ia-main>.ia-issue-intro .magazine-cover{transform:none}}
@media(forced-colors:active) {
 .ia-site .magazine-cover,.mag-quiet-reader .magazine-cover {--cover-paper:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 .ia-site .magazine-cover :is(.mag-cover-heading,.mag-cover-heading strong,.mag-cover-heading span,.mag-cover-date),
 .mag-quiet-reader .magazine-cover :is(.mag-cover-heading,.mag-cover-heading strong,.mag-cover-heading span,.mag-cover-date){color:CanvasText;background:Canvas;border-color:CanvasText;text-shadow:none;-webkit-text-stroke:0}
}
@media(max-width:600px) {
 .shishu .ia-main>.ia-issue-intro:has(.magazine-cover)>div:first-child {grid-column:1;grid-row:1;min-width:0}
 .shishu .ia-main>.ia-issue-intro:has(.magazine-cover)>.ia-issue-image {grid-column:1;grid-row:2}
 .shishu .ia-main>.ia-issue-intro:has(.magazine-cover) .mag-edition-actions {gap:12px 18px}
}