/* Seven relationships remain on phones. Adopted lower sections are not selected here. */
.seven-intro{padding:18px 3.4% 0}.seven-intro .comic-kicker{margin-bottom:12px}.seven-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.7;padding:12px 0 15px}.seven-caption .filter-status{font-weight:750;white-space:nowrap}.seven-page{container-type:inline-size}
#stories .seven-grid{--panel-gap:6px;--diagonal:18px;display:grid;grid-template-columns:repeat(60,minmax(0,1fr));grid-template-rows:235px 235px 300px 420px;grid-template-rows:minmax(235px,26cqw) minmax(235px,26cqw) minmax(300px,35cqw) minmax(420px,54cqw);gap:var(--panel-gap);padding:0;margin:0 0 50px}
#stories .seven-grid .seven-cover{grid-column:1/37;grid-row:1/3;min-width:0;min-height:0;border:3px solid #171a17;background:#daee49;display:flex;flex-direction:column;position:relative;overflow:hidden}.seven-cover-copy{padding:clamp(18px,3vw,42px);position:relative;z-index:1;background:#daee49;background-image:radial-gradient(#171a171c .7px,transparent .7px);background-size:5px 5px}.seven-cover-copy .eyebrow{font-size:10px;margin-bottom:13px}.seven-cover-copy h1{font-size:clamp(35px,5.3vw,76px);font-weight:900;line-height:1.35;letter-spacing:-.07em}.seven-cover-copy p{display:inline-block;margin-top:17px;max-width:100%;font-size:clamp(12px,1.2vw,17px);font-weight:800;line-height:1.7;background:#fffdf3;border:3px solid #171a17;border-radius:48% 46% 40% 43%;padding:13px 22px;position:relative}.seven-cover-copy p:after{content:'';position:absolute;width:13px;height:13px;bottom:-8px;left:28px;border-left:3px solid;border-bottom:3px solid;background:#fffdf3;transform:skew(-20deg) rotate(-25deg)}.seven-cover-art{display:block;width:100%;height:100%;min-height:0;flex:1;object-fit:cover;object-position:68% 50%;border-top:3px solid #171a17}.seven-cover-credit{position:absolute;bottom:7px;right:8px;background:#171a17;color:#fffdf3;padding:3px 6px;font-size:7px}.seven-panel-index{position:absolute;top:9px;right:10px;z-index:2;background:#171a17;color:#fffdf3;font-size:10px;font-weight:850;padding:3px 7px;line-height:1.5}
#stories .seven-grid .story{grid-column:auto;grid-row:auto;min-height:0;min-width:0;padding:0;border:3px solid #171a17;background:#f7f3e7;box-shadow:none;transform:none;isolation:isolate;overflow:visible}#stories .seven-grid .story:before,#stories .seven-grid .story:after{display:none}#stories .seven-grid .comic-cell-1{grid-column:37/61;grid-row:1}#stories .seven-grid .comic-cell-2{grid-column:37/61;grid-row:2}#stories .seven-grid .comic-cell-3{grid-column:1/27;grid-row:3}#stories .seven-grid .comic-cell-4{grid-column:27/61;grid-row:3}#stories .seven-grid .comic-cell-5{grid-column:1/31;grid-row:4}#stories .seven-grid .comic-cell-6{grid-column:31/61;grid-row:4}
#stories .seven-grid .story-link{display:flex;flex-direction:column;height:100%;min-height:0;overflow:visible;padding:0;position:relative}#stories .seven-grid .comic-picture{position:relative;display:block;flex:1;min-height:0!important;aspect-ratio:auto!important;border:0;border-bottom:2px solid #171a17;overflow:hidden;background:#e8e4d7}#stories .seven-grid .comic-picture>img{position:static;width:100%;height:100%;object-fit:contain!important;transform:none!important}#stories .seven-grid .story-copy{position:relative;flex:none;display:block;padding:12px 15px 13px;min-height:0!important;background:#f7f3e7}#stories .seven-grid .meta{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;line-height:1.5;opacity:1}#stories .seven-grid h3{font-size:clamp(14px,1.5vw,21px);line-height:1.55;padding:0;margin:0;font-weight:800;overflow-wrap:anywhere}#stories .seven-grid .public-card-link{font-size:10px;display:block;padding:7px 0 0;margin:0}.seven-speech{display:inline-block;max-width:100%;font-size:clamp(14px,1.7vw,24px);font-weight:900;line-height:1.5;background:#fffdf3;border:2px solid #171a17;border-radius:45% 48% 42% 44%;padding:5px 16px;margin-bottom:9px;box-shadow:2px 2px #171a17;position:relative}.seven-speech:after{content:'';position:absolute;bottom:-6px;left:20px;width:8px;height:8px;border-left:2px solid;border-bottom:2px solid;background:#fffdf3;transform:skew(-18deg) rotate(-25deg)}.comic-cell-2 .seven-speech{border-radius:4px;transform:rotate(-2deg);background:#daee49}.comic-cell-2 .seven-speech:after{background:#daee49}.comic-cell-3 .seven-speech{border-radius:30px;border-style:dashed;box-shadow:none}.comic-cell-3 .seven-speech:after{width:6px;height:6px;border:2px solid;border-radius:50%;transform:none}.comic-cell-4 .seven-speech{border-radius:0;transform:rotate(1deg);box-shadow:3px 3px #171a17}
/* Parallel diagonal frame edges, with the image/text inside protected padding. */
#stories .seven-grid .comic-cell-1,#stories .seven-grid .comic-cell-2{border:0;background:transparent;padding:3px}#stories .seven-grid .comic-cell-1{padding-bottom:calc(var(--diagonal) + 3px)}#stories .seven-grid .comic-cell-2{height:calc(100% + var(--diagonal));translate:0 calc(-1 * var(--diagonal));padding-top:calc(var(--diagonal) + 3px)}#stories .seven-grid .comic-cell-1:before,#stories .seven-grid .comic-cell-2:before{content:'';display:block;position:absolute;inset:0;z-index:-2;pointer-events:none;background:#171a17}#stories .seven-grid .comic-cell-1:after,#stories .seven-grid .comic-cell-2:after{content:'';display:block;position:absolute;inset:3px;z-index:-1;pointer-events:none;background:#f7f3e7}#stories .seven-grid .comic-cell-1:before,#stories .seven-grid .comic-cell-1:after{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--diagonal)),0 100%)}#stories .seven-grid .comic-cell-2:before,#stories .seven-grid .comic-cell-2:after{clip-path:polygon(0 var(--diagonal),100% 0,100% 100%,0 100%)}
#stories .seven-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(340px,auto);gap:10px}#stories .seven-grid.is-filtered .seven-cover{display:none}#stories .seven-grid.is-filtered .story{grid-column:auto;grid-row:auto;height:auto;translate:none;border:3px solid #171a17;background:#f7f3e7;padding:0}#stories .seven-grid.is-filtered .story:before,#stories .seven-grid.is-filtered .story:after{display:none}#stories .seven-grid.is-filtered .comic-picture{flex:none;height:auto;aspect-ratio:1024/572!important}#stories .seven-grid.is-filtered .comic-picture>img{height:auto;aspect-ratio:1024/572}#stories .seven-grid.is-filtered .story-copy{flex:1}
@media(max-width:1000px){#stories .seven-grid{--panel-gap:5px;--diagonal:14px;grid-template-rows:minmax(200px,26cqw) minmax(200px,26cqw) minmax(260px,35cqw) minmax(350px,54cqw)}.seven-cover-copy{padding:24px}.seven-cover-copy h1{font-size:clamp(32px,5vw,50px)}.seven-cover-copy p{font-size:12px;padding:10px 17px}#stories .seven-grid .story-copy{padding:9px 11px}#stories .seven-grid h3{font-size:14px}.seven-speech{font-size:16px;padding:5px 12px}#stories .seven-grid .public-card-link{font-size:9px;padding-top:4px}#stories .seven-grid .meta{font-size:8px}}
@media(max-width:650px){.seven-intro{padding:13px 4% 0}.seven-intro .comic-kicker{font-size:7px;gap:8px}.seven-intro .comic-kicker>span:nth-child(2){display:none}.seven-caption{font-size:10px;line-height:1.7;padding:10px 0}.seven-caption>span:first-child{max-width:70%}#stories .seven-grid{--panel-gap:4px;--diagonal:10px;display:grid;grid-template-columns:repeat(60,minmax(0,1fr));grid-template-rows:minmax(145px,26cqw) minmax(145px,26cqw) minmax(165px,35cqw) minmax(220px,54cqw);gap:var(--panel-gap);margin-bottom:35px}#stories .seven-grid .seven-cover,#stories .seven-grid .story{border-width:2px}.seven-cover-copy{padding:15px 11px}.seven-cover-copy .eyebrow{font-size:6px;margin-bottom:10px}.seven-cover-copy h1{font-size:clamp(23px,6vw,37px);line-height:1.35}.seven-cover-copy p{font-size:11px;border-width:2px;margin-top:12px;padding:8px 10px}.seven-cover-copy p:after{border-width:2px;width:9px;height:9px;bottom:-6px;left:18px}.seven-cover-art{border-top-width:2px}.seven-cover-credit{font-size:5px;bottom:4px;right:4px;padding:2px 3px}.seven-panel-index{top:4px;right:4px;font-size:8px;padding:2px 4px}#stories .seven-grid .story-copy{padding:7px 6px 8px}.seven-speech{font-size:12px;line-height:1.5;padding:3px 7px;margin-bottom:3px;border-width:1.5px;box-shadow:1.5px 1.5px #171a17}.seven-speech:after{border-width:1.5px;width:5px;height:5px;bottom:-4px;left:12px}#stories .seven-grid .comic-cell-1 .meta,#stories .seven-grid .comic-cell-2 .meta,#stories .seven-grid .comic-cell-3 .meta,#stories .seven-grid .comic-cell-4 .meta{display:none}#stories .seven-grid .comic-cell-1 h3,#stories .seven-grid .comic-cell-2 h3,#stories .seven-grid .comic-cell-3 h3,#stories .seven-grid .comic-cell-4 h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#stories .seven-grid .public-card-link{font-size:9px;line-height:1.5;padding-top:5px}#stories .seven-grid h3{font-size:13px;line-height:1.7}#stories .seven-grid .meta{font-size:8px;flex-wrap:wrap;gap:4px}#stories .seven-grid .meta .image-label{display:none}#stories .seven-grid .comic-cell-1,#stories .seven-grid .comic-cell-2{border:0;padding:2px}#stories .seven-grid .comic-cell-1{padding-bottom:calc(var(--diagonal) + 2px)}#stories .seven-grid .comic-cell-2{padding-top:calc(var(--diagonal) + 2px)}#stories .seven-grid .comic-cell-1:after,#stories .seven-grid .comic-cell-2:after{inset:2px}#stories .seven-grid.is-filtered{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(240px,auto);gap:7px}#stories .seven-grid.is-filtered .story{grid-column:auto;grid-row:auto;height:auto;translate:none;border:2px solid #171a17;padding:0}#stories .seven-grid.is-filtered h3{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:13px}#stories .seven-grid.is-filtered .seven-cover{display:none}}
@media(max-width:360px){.seven-cover-copy{padding:13px 9px}.seven-cover-copy h1{font-size:22px}.seven-cover-copy p{font-size:10px;padding:7px 8px}.seven-speech{font-size:11px;padding:3px 5px}#stories .seven-grid .story-copy{padding-inline:5px}#stories .seven-grid h3{font-size:12px}#stories .seven-grid .public-card-link{font-size:8px}#stories .seven-grid.is-filtered{grid-template-columns:1fr}}

.adopted-motion-toggle{justify-self:start;min-height:44px;padding:8px 12px;border:1px solid #171a17;background:#fffdf3;color:#171a17;font-size:11px;text-decoration:underline;text-underline-offset:4px}.adopted-motion-toggle:focus-visible{outline:3px solid #1d5cc2;outline-offset:3px}

/* v10: images fill the actual comic outlines; full originals remain in the modal. */
#stories .seven-grid .story-link{overflow:hidden;justify-content:flex-end}
#stories .seven-grid .comic-picture{position:absolute;inset:0;display:block;min-height:0!important;height:100%;width:100%;aspect-ratio:auto!important;border:0;overflow:hidden}
#stories .seven-grid .comic-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:50% 42%;transform:none!important}
#stories .seven-grid .story-copy{position:relative;z-index:1;width:100%;background:#fffdf3f5;flex:none;margin-top:auto;border-top:2px solid #171a17}
#stories .seven-grid .comic-cell-1{padding:3px}
#stories .seven-grid .comic-cell-2{padding:3px}
#stories .seven-grid .comic-cell-1 .story-link{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--diagonal)),0 100%)}
#stories .seven-grid .comic-cell-1 .story-copy{padding-bottom:calc(var(--diagonal) + 10px)}
#stories .seven-grid .comic-cell-2 .story-link{clip-path:polygon(0 var(--diagonal),100% 0,100% 100%,0 100%)}
#stories .seven-grid .comic-cell-2 .seven-panel-index{top:calc(var(--diagonal) + 3px)}
#stories .seven-grid .seven-cover-art{position:absolute;inset:0;border:0;object-fit:cover;object-position:68% 50%;height:100%;width:100%}
.seven-cover-copy{background:#daee49ee;margin:clamp(8px,1vw,16px);padding:clamp(14px,2.4vw,32px);width:fit-content;max-width:calc(100% - 32px);border:2px solid #171a17;box-shadow:3px 3px #171a17}
#stories .seven-grid .comic-cell-5{display:flex;flex-direction:column;overflow:hidden}
.latest-view{position:relative;flex:1;min-height:0}.latest-view>.story-link{width:100%}
.news-heading{display:block;font-size:clamp(16px,2vw,27px);line-height:1.4;font-weight:900;margin-bottom:7px;letter-spacing:-.03em}
.latest-controls{position:relative;z-index:3;display:grid;grid-template-columns:44px auto 44px minmax(54px,auto);gap:4px;align-items:center;padding:4px 8px;background:#fffdf3;border-top:2px solid #171a17}
.latest-controls button{min-width:44px;min-height:44px;border:1px solid #171a17;background:#daee49;font-size:13px;font-weight:800;padding:6px}
.latest-controls button:disabled{background:#ece9df;color:#65665f;cursor:default}.latest-controls button:focus-visible{outline:3px solid #1d5cc2;outline-offset:1px}.latest-controls span{text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:750}
.news-snapshot{position:relative;margin:0;background:#fffdf3;color:#373b32;padding:0 10px 6px;font-size:10px;line-height:1.5}
#stories .seven-grid .comic-cell-5 h3,#stories .seven-grid .comic-cell-6 h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#stories .seven-grid.is-filtered .story-link{clip-path:none}
#stories .seven-grid.is-filtered .story{min-height:340px}
#stories .seven-grid.is-filtered .comic-picture{position:absolute;height:100%;aspect-ratio:auto!important}
#stories .seven-grid.is-filtered .comic-picture>img{height:100%;aspect-ratio:auto}
#stories .seven-grid.is-filtered .story-copy{flex:none}
@media(max-width:650px){
 #stories .seven-grid .comic-cell-1,#stories .seven-grid .comic-cell-2{padding:2px}
 #stories .seven-grid .comic-cell-1 .story-copy{padding-bottom:calc(var(--diagonal) + 5px)}
 .seven-cover-copy{max-width:calc(100% - 16px);margin:8px;padding:10px 8px;box-shadow:2px 2px #171a17}.seven-cover-copy p{margin-top:8px}.seven-cover-copy .eyebrow{font-size:6px}
 #stories .seven-grid .comic-cell-5 .story-copy,#stories .seven-grid .comic-cell-6 .story-copy{padding:6px}
 .news-heading{font-size:14px;margin-bottom:4px}.latest-controls{gap:2px;padding:2px;grid-template-columns:44px minmax(24px,1fr) 44px 44px}.latest-controls button{padding:3px;font-size:11px}.latest-controls span{font-size:10px}
 .news-snapshot{font-size:8px;padding:0 4px 3px}
 #stories .seven-grid .comic-cell-5 h3,#stories .seven-grid .comic-cell-6 h3{font-size:12px;line-height:1.6}
 #stories .seven-grid.is-filtered .story{min-height:260px}
}
/* Full, uncropped image in the detail view. */
.v03b #article-body img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
@media(max-width:440px){#stories .seven-grid.is-filtered{grid-template-columns:1fr}}
#stories .seven-grid .story:focus-within{outline:3px solid #1d5cc2;outline-offset:1px}
#stories .seven-grid .comic-cell-1:focus-within:before,#stories .seven-grid .comic-cell-2:focus-within:before{background:#1d5cc2}

/* v11: adopted speech header, picture-first cover and an unobtrusive latest panel. */
.seven-cover .seven-cover-copy{position:absolute;top:8px;left:8px;margin:0;padding:13px 17px 15px;width:fit-content;max-width:min(62%,240px);background:#fffdf3;border:3px solid #171a17;border-radius:28px 31px 25px 29px;box-shadow:3px 3px #171a17;z-index:1}
.seven-cover .seven-cover-copy:after{content:'';position:absolute;bottom:-8px;right:22px;width:15px;height:15px;background:#fffdf3;border-right:3px solid #171a17;border-bottom:3px solid #171a17;transform:skew(12deg) rotate(35deg)}
.seven-cover .seven-cover-copy h1{font-size:clamp(22px,2.6vw,34px);line-height:1.35;letter-spacing:-.05em}
.seven-cover .seven-cover-copy .eyebrow,.seven-cover .seven-cover-copy p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0;white-space:nowrap;border:0}
#stories .seven-grid .comic-cell-5{position:relative}
#stories .seven-grid .comic-cell-5 .latest-view{height:100%;touch-action:pan-y pinch-zoom}
#stories .seven-grid .comic-cell-5 .story-copy{padding:9px 13px 10px}
#stories .seven-grid .comic-cell-5 .news-heading{font-size:clamp(15px,1.6vw,22px);margin-bottom:4px}
#stories .seven-grid .comic-cell-5 .public-card-link{display:none}
#stories .seven-grid .comic-cell-5 .meta{font-size:9px;margin-bottom:3px}
#stories .seven-grid .comic-cell-5 h3{font-size:clamp(13px,1.4vw,18px);-webkit-line-clamp:2;line-height:1.5}
.news-position-badge{position:absolute;top:9px;left:9px;z-index:2;pointer-events:none;background:#fffdf3;color:#171a17;border:1px solid #171a17;padding:2px 6px;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}
#stories .seven-grid .comic-cell-5 .news-snapshot{position:absolute;top:9px;left:63px;z-index:2;pointer-events:none;background:#fffdf3;color:#171a17;padding:3px 5px;font-size:9px;line-height:1.5}
@media(max-width:650px){
 .seven-cover .seven-cover-copy{top:6px;left:6px;padding:8px 9px 10px;max-width:66%;border-width:2px;border-radius:18px 22px 17px 20px;box-shadow:2px 2px #171a17}
 .seven-cover .seven-cover-copy h1{font-size:clamp(16px,4.3vw,24px);line-height:1.4}
 .seven-cover .seven-cover-copy:after{width:10px;height:10px;bottom:-6px;right:15px;border-width:2px}
 #stories .seven-grid .comic-cell-5 .story-copy{padding:6px}
 #stories .seven-grid .comic-cell-5 .news-heading{font-size:13px;margin-bottom:3px}
 #stories .seven-grid .comic-cell-5 h3{font-size:12px;line-height:1.5}
 #stories .seven-grid .comic-cell-5 .meta{font-size:8px}
 .news-position-badge{top:5px;left:5px;font-size:8px;padding:1px 4px}
 #stories .seven-grid .comic-cell-5 .news-snapshot{top:5px;left:45px;font-size:7px;padding:2px 3px}
}

/* v12: a gentle image-only zoom in panels 02 and 03; frames and text stay unchanged. */
#stories .seven-grid .comic-cell-1 .comic-picture>img,
#stories .seven-grid .comic-cell-2 .comic-picture>img{transform:scale(1.08)!important;transform-origin:50% 42%}

/* v14: reserve image space independently of caption length. */
#stories .seven-grid{--small-picture:clamp(200px,24cqw,340px);--wide-picture:clamp(240px,32cqw,450px);--pair-picture:clamp(240px,34cqw,480px);--small-caption:150px;--wide-caption:130px;--pair-caption:145px;grid-template-rows:calc(var(--small-picture) + var(--small-caption) + 6px) calc(var(--small-picture) + var(--small-caption) + 6px) calc(var(--wide-picture) + var(--wide-caption) + 6px) calc(var(--pair-picture) + var(--pair-caption) + 6px)}
#stories .seven-grid .comic-cell-1,#stories .seven-grid .comic-cell-2{--picture-height:var(--small-picture);--caption-height:var(--small-caption)}
#stories .seven-grid .comic-cell-3,#stories .seven-grid .comic-cell-4{--picture-height:var(--wide-picture);--caption-height:var(--wide-caption)}
#stories .seven-grid .comic-cell-5,#stories .seven-grid .comic-cell-6{--picture-height:var(--pair-picture);--caption-height:var(--pair-caption)}
#stories .seven-grid .story-link{justify-content:flex-start;width:100%;height:100%;margin:0;padding:0}
#stories .seven-grid .comic-picture{position:relative;inset:auto;flex:0 0 var(--picture-height);height:var(--picture-height)!important;width:100%;margin:0;padding:0;min-height:var(--picture-height)!important;max-height:var(--picture-height);box-sizing:border-box}
#stories .seven-grid .comic-picture>img{inset:0;width:100%;height:100%;object-fit:cover!important;object-position:50% 42%!important}
#stories .seven-grid .story-copy{flex:1 0 var(--caption-height);margin:0;min-height:var(--caption-height)!important;box-sizing:border-box;padding:9px 11px 12px}
#stories .seven-grid .comic-cell-5 .latest-view{flex:1;height:100%;width:100%;margin:0;padding:0;min-height:0}
#stories .seven-grid .comic-cell-5 .story-copy,#stories .seven-grid .comic-cell-6 .story-copy{padding:9px 13px 10px}
#stories .seven-grid .comic-cell-5 .news-heading,#stories .seven-grid .comic-cell-6 .news-heading{font-size:clamp(15px,1.6vw,22px);line-height:1.4;margin-bottom:4px}
#stories .seven-grid .comic-cell-5 .meta,#stories .seven-grid .comic-cell-6 .meta{font-size:9px;line-height:1.5;margin-bottom:3px}
#stories .seven-grid .comic-cell-5 h3,#stories .seven-grid .comic-cell-6 h3{font-size:clamp(13px,1.4vw,18px);line-height:1.5;-webkit-line-clamp:2}
#stories .seven-grid.is-filtered{grid-template-rows:none;grid-auto-rows:minmax(400px,auto)}
@media(max-width:650px){
 #stories .seven-grid{--small-picture:200px;--wide-picture:240px;--pair-picture:240px;--small-caption:125px;--wide-caption:105px;--pair-caption:130px}
 #stories .seven-grid .comic-cell-5 .story-copy,#stories .seven-grid .comic-cell-6 .story-copy{padding:6px}
 #stories .seven-grid .comic-cell-5 .news-heading,#stories .seven-grid .comic-cell-6 .news-heading{font-size:13px;margin-bottom:3px}
 #stories .seven-grid .comic-cell-5 .meta,#stories .seven-grid .comic-cell-6 .meta{font-size:8px}
 #stories .seven-grid .comic-cell-5 h3,#stories .seven-grid .comic-cell-6 h3{font-size:12px;line-height:1.5}
}
/* Owner correction: show the entire eyecatch without zoom/cropping in 02–07. */
#stories .seven-grid .comic-picture>img{object-fit:contain!important;object-position:50% 50%!important;transform:none!important}
#stories .seven-grid .comic-cell-1 .comic-picture>img,
#stories .seven-grid .comic-cell-2 .comic-picture>img{transform:none!important}

/* v15: natural-ratio eyecatches without letterbox; only 03 uses approved crop. */
#stories .seven-grid .comic-cell-1 .comic-picture,
#stories .seven-grid .comic-cell-3 .comic-picture,
#stories .seven-grid .comic-cell-4 .comic-picture,
#stories .seven-grid .comic-cell-5 .comic-picture,
#stories .seven-grid .comic-cell-6 .comic-picture{position:relative;inset:auto;flex:0 0 auto;height:auto!important;min-height:0!important;max-height:none;aspect-ratio:auto!important;margin:0;padding:0}
#stories .seven-grid .comic-cell-1 .comic-picture>img,
#stories .seven-grid .comic-cell-3 .comic-picture>img,
#stories .seven-grid .comic-cell-4 .comic-picture>img,
#stories .seven-grid .comic-cell-5 .comic-picture>img,
#stories .seven-grid .comic-cell-6 .comic-picture>img{display:block;position:static;inset:auto;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain!important;object-position:center!important;transform:none!important}
#stories .seven-grid .comic-cell-2 .comic-picture{position:absolute;inset:0;flex:none;height:100%!important;min-height:0!important;max-height:none;aspect-ratio:auto!important}
#stories .seven-grid .comic-cell-2 .comic-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:50% 42%!important;transform:scale(1.08)!important}
#stories .seven-grid .comic-cell-2 .story-copy{margin-top:auto;flex:0 0 auto}

/* v16: matched 04/05 caption regions; existing unequal panel widths stay. */
#stories .seven-grid .comic-cell-3 .story-copy,
#stories .seven-grid .comic-cell-4 .story-copy{flex:0 0 190px;height:190px;min-height:190px!important;max-height:190px;margin:0;padding:12px 14px;box-sizing:border-box;overflow:hidden}
#stories .seven-grid .comic-cell-3 .seven-speech,
#stories .seven-grid .comic-cell-4 .seven-speech{font-size:clamp(14px,1.7vw,24px);line-height:1.5;margin-bottom:9px}
#stories .seven-grid .comic-cell-3 h3,
#stories .seven-grid .comic-cell-4 h3{font-size:clamp(14px,1.5vw,21px);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#stories .seven-grid .comic-cell-3 .public-card-link,
#stories .seven-grid .comic-cell-4 .public-card-link{font-size:10px;line-height:1.5;padding-top:7px}
@media(max-width:650px){
 #stories .seven-grid .comic-cell-3 .story-copy,#stories .seven-grid .comic-cell-4 .story-copy{flex-basis:115px;height:115px;min-height:115px!important;max-height:115px;padding:8px 7px}
 #stories .seven-grid .comic-cell-3 .seven-speech,#stories .seven-grid .comic-cell-4 .seven-speech{font-size:12px;line-height:1.5;margin-bottom:3px}
 #stories .seven-grid .comic-cell-3 .public-card-link,#stories .seven-grid .comic-cell-4 .public-card-link{font-size:9px;line-height:1.5;padding-top:5px}
}
@keyframes oz-consideration-wiggle{0%,100%{transform:translateX(0) rotate(0)}20%,60%{transform:translateX(-5px) rotate(-4deg)}40%,80%{transform:translateX(5px) rotate(4deg)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body:not(.motion-off) #stories .seven-grid .comic-cell-1 .seven-speech:hover{animation:oz-consideration-wiggle .6s ease-in-out 2}
}
@media(prefers-reduced-motion:reduce){#stories .seven-grid .comic-cell-1 .seven-speech{animation:none!important}}

/* v17: remove leftover card background below the equal caption boxes. */
#stories .seven-grid .comic-cell-3,
#stories .seven-grid .comic-cell-4{align-self:start;height:auto;min-height:0!important}
#stories .seven-grid .comic-cell-3 .story-link,
#stories .seven-grid .comic-cell-4 .story-link{height:auto;min-height:0;justify-content:flex-start}

/* v18: let row 3 accommodate both full images and equal caption boxes. */
#stories .seven-grid{grid-template-rows:calc(var(--small-picture) + var(--small-caption) + 6px) calc(var(--small-picture) + var(--small-caption) + 6px) max-content calc(var(--pair-picture) + var(--pair-caption) + 6px)}
#stories .seven-grid .comic-cell-3 .story-link,
#stories .seven-grid .comic-cell-4 .story-link{display:block;height:auto;overflow:visible}
#stories .seven-grid .comic-cell-3 .story-copy,
#stories .seven-grid .comic-cell-4 .story-copy{display:block;height:190px;min-height:190px!important;max-height:190px}
@media(max-width:650px){#stories .seven-grid .comic-cell-3 .story-copy,#stories .seven-grid .comic-cell-4 .story-copy{height:115px;min-height:115px!important;max-height:115px}}
#stories .seven-grid.is-filtered{grid-template-rows:none}

/* v19: shared 04/05 image height, with proportional crop; caption row stays intrinsic. */
#stories .seven-grid .comic-cell-3 .comic-picture,
#stories .seven-grid .comic-cell-4 .comic-picture{height:var(--wide-picture)!important;min-height:var(--wide-picture)!important;max-height:var(--wide-picture);overflow:hidden}
#stories .seven-grid .comic-cell-3 .comic-picture>img,
#stories .seven-grid .comic-cell-4 .comic-picture>img{width:100%;height:100%;object-fit:cover!important;object-position:center!important;transform:none!important}
/* Short owner-requested category cues, never continuous flashing. */
@keyframes oz-feature-shine{0%{background-position:180% 0}100%{background-position:-80% 0}}
@keyframes oz-anime-turn{from{transform:rotate(1deg)}to{transform:rotate(361deg)}}
@keyframes oz-manga-focus{0%,100%{opacity:0;transform:scale(1.08)}35%,75%{opacity:.65;transform:scale(1)}}
#stories .seven-grid .comic-cell-3 .seven-speech:before{content:'';position:absolute;inset:-8px;pointer-events:none;opacity:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#171a17 0deg 2deg,transparent 2deg 20deg);mask-image:radial-gradient(ellipse,transparent 52%,#000 65%);-webkit-mask-image:radial-gradient(ellipse,transparent 52%,#000 65%)}
#stories .seven-grid .comic-cell-4 .seven-speech{transform-origin:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body:not(.motion-off) #stories .seven-grid .comic-cell-2 .seven-speech:hover{background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:250% 100%;animation:oz-feature-shine 1.1s ease-out 1}
 body:not(.motion-off) #stories .seven-grid .comic-cell-3 .seven-speech:hover:before{animation:oz-manga-focus .85s ease-out 1}
 body:not(.motion-off) #stories .seven-grid .comic-cell-4 .seven-speech:hover{animation:oz-anime-turn 1s ease-in-out 1}
}
body.motion-off #stories .seven-grid .seven-speech,
body.motion-off #stories .seven-grid .seven-speech:before,
body.motion-off #stories .seven-grid .seven-speech .comic-icon{animation:none!important}
@media(prefers-reduced-motion:reduce){
 #stories .seven-grid .seven-speech,#stories .seven-grid .seven-speech:before,#stories .seven-grid .seven-speech .comic-icon{animation:none!important}
}

/* v20: stronger feature sparkle and manga focus; no rapid flashing. */
@keyframes oz-feature-glow{0%,100%{box-shadow:0 0 0 rgba(255,208,40,0);filter:brightness(1)}35%,65%{box-shadow:0 0 8px 5px #fff5a9,0 0 22px 9px rgba(255,192,20,.75);filter:brightness(1.15)}}
@keyframes oz-feature-stars{0%,100%{opacity:0;transform:scale(.65) rotate(-12deg)}35%,65%{opacity:1;transform:scale(1.18) rotate(10deg)}}
@keyframes oz-manga-impact{0%{opacity:0;transform:scale(1.35) rotate(-8deg)}22%,70%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(.92) rotate(3deg)}}
#stories .seven-grid .comic-cell-2 .seven-speech:before{content:'✦  ✧';position:absolute;left:-22px;right:-22px;top:-20px;line-height:1;font-size:30px;letter-spacing:16px;color:#ffd43b;text-shadow:1px 1px #7c5900,-1px -1px #fff;pointer-events:none;opacity:0}
#stories .seven-grid .comic-cell-3 .seven-speech:before{inset:-25px -36px;border-radius:45%;background:repeating-conic-gradient(from 2deg,#171a17 0deg 4deg,transparent 4deg 16deg,#171a17 16deg 18deg,transparent 18deg 30deg);mask-image:radial-gradient(ellipse,transparent 40%,#000 53%,#000 84%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse,transparent 40%,#000 53%,#000 84%,transparent 98%)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body:not(.motion-off) #stories .seven-grid .comic-cell-2 .seven-speech:hover{animation:oz-feature-shine 1.25s ease-out 1,oz-feature-glow 1.4s ease-in-out 1}
 body:not(.motion-off) #stories .seven-grid .comic-cell-2 .seven-speech:hover:before{animation:oz-feature-stars 1.4s ease-in-out 1}
 body:not(.motion-off) #stories .seven-grid .comic-cell-3 .seven-speech:hover:before{animation:oz-manga-impact 1.1s ease-out 1}
}

/* v21: concentration lines fill only manga panel 04, not just its badge. */
#stories .seven-grid .comic-cell-3 .story-link{position:relative;overflow:hidden}
#stories .seven-grid .comic-cell-3 .story-link:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:repeating-conic-gradient(from 2deg at 50% 45%,#171a17 0deg 2deg,transparent 2deg 10deg,#171a17 10deg 11deg,transparent 11deg 18deg);mask-image:radial-gradient(ellipse at 50% 45%,transparent 27%,#000 65%);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 27%,#000 65%);transform-origin:50% 45%}
#stories .seven-grid .comic-cell-3 .seven-speech:before{display:none}
#stories .seven-grid .comic-cell-3 .story-copy>*{position:relative;z-index:3}
@keyframes oz-manga-panel-impact{0%{opacity:0;transform:scale(1.22)}25%,70%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(.97)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.motion-off) #stories .seven-grid .comic-cell-3 .story-link:hover:after{animation:oz-manga-panel-impact 1.2s ease-out 1}}
body.motion-off #stories .seven-grid .comic-cell-3 .story-link:after{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){#stories .seven-grid .comic-cell-3 .story-link:after{animation:none!important;opacity:0}}

/* v22: feature badge uses the adopted consideration wiggle, no glow or stars. */
#stories .seven-grid .comic-cell-2 .seven-speech:before{display:none;animation:none!important}
#stories .seven-grid .comic-cell-2 .seven-speech:hover{background-image:none;filter:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.motion-off) #stories .seven-grid .comic-cell-2 .seven-speech:hover{animation:oz-consideration-wiggle .6s ease-in-out 2}}

/* v23: stationary heading hitboxes with a single in-frame speech-bubble trip. */
#stories .seven-grid .news-heading-motion{display:table;max-width:100%;box-sizing:border-box;overflow:hidden;padding:5px 5px 11px;margin:-4px -4px 1px;line-height:1;cursor:pointer}
#stories .seven-grid .comic-cell-5 .news-heading,
#stories .seven-grid .comic-cell-6 .news-heading{display:inline-block;position:relative;max-width:100%;box-sizing:border-box;margin:0;padding:3px 12px;background:#fffdf3;border:2px solid #171a17;border-radius:45% 48% 42% 44%;box-shadow:2px 2px #171a17;pointer-events:none;white-space:nowrap;line-height:1.4}
#stories .seven-grid .news-heading:after{content:'';position:absolute;bottom:-6px;left:20px;width:8px;height:8px;border-left:2px solid #171a17;border-bottom:2px solid #171a17;background:#fffdf3;transform:skew(-18deg) rotate(-25deg)}
@keyframes oz-news-drop{0%,100%{transform:translateY(0);opacity:1}40%{transform:translateY(150%);opacity:1}41%{transform:translateY(150%);opacity:0}42%{transform:translateY(-150%);opacity:0}43%{transform:translateY(-150%);opacity:1}80%{transform:translateY(5%);opacity:1}}
@keyframes oz-pickup-wrap{0%,100%{transform:translateX(0);opacity:1}40%{transform:translateX(150%);opacity:1}41%{transform:translateX(150%);opacity:0}42%{transform:translateX(-150%);opacity:0}43%{transform:translateX(-150%);opacity:1}82%{transform:translateX(0);opacity:1}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body:not(.motion-off) #stories .seven-grid .comic-cell-5 .news-heading-motion:hover .news-heading{animation:oz-news-drop 1.1s ease-in-out 1}
 body:not(.motion-off) #stories .seven-grid .comic-cell-6 .news-heading-motion:hover .news-heading{animation:oz-pickup-wrap 1.1s ease-in-out 1}
}
body.motion-off #stories .seven-grid .news-heading{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){#stories .seven-grid .news-heading{animation:none!important;transform:none!important}}
@media(max-width:650px){#stories .seven-grid .comic-cell-5 .news-heading,#stories .seven-grid .comic-cell-6 .news-heading{padding:2px 8px;border-width:1.5px}#stories .seven-grid .news-heading:after{width:6px;height:6px;border-width:1.5px;bottom:-5px}}

/* v24: header comparison bar was removed, so the adopted motion toggle now sits in the caption row. */
.seven-caption{align-items:center}.seven-caption .filter-status{margin-left:auto}.seven-caption .adopted-motion-toggle{flex-shrink:0;justify-self:auto;min-height:36px;padding:5px 10px;font-size:10px}@media(max-width:760px){.seven-caption{flex-wrap:wrap}.seven-caption>span:first-child{max-width:100%;flex-basis:100%}.seven-caption .filter-status{margin-left:0}.seven-caption .adopted-motion-toggle{margin-left:auto;min-height:44px}}