/* An unfolded newspaper, not a second achievement gallery. */
#newspaper-reader{--news-ink:#243e32;--news-gold:#ae9256;position:fixed;inset:0;margin:auto;width:min(1120px,95vw,calc((100dvh - 145px)*1.4));max-width:none;height:fit-content;max-height:96dvh;padding:52px 12px 14px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--news-ink);font-family:Georgia,'Noto Serif TC','PMingLiU',serif}
#newspaper-reader::backdrop{background:#273d3269;backdrop-filter:blur(7px)}
#newspaper-reader *{box-sizing:border-box}
.news-paper{position:relative;background:#f8f5e9;border:1px solid #d5cfba;border-radius:3px;box-shadow:0 2px 0 #e6e0ce,0 5px 0 #f7f2e3,0 7px 0 #d6ceb9,0 10px 0 #efe9d8,0 30px 80px #14271d50;isolation:isolate}
.news-paper::before{content:'';position:absolute;inset:8px;border:1px solid #b5a47b30;pointer-events:none;z-index:2}
.news-scroll{max-height:calc(96dvh - 68px);overflow-y:auto;overflow-x:hidden;padding:17px 28px 22px;background:linear-gradient(90deg,transparent 48%,#8e7e5310 49.6%,#fff9 50%,transparent 52%),repeating-linear-gradient(2deg,#98855c03 0 1px,transparent 1px 5px);scrollbar-width:thin;scrollbar-color:#a7ac90 transparent;overscroll-behavior:contain}
#newspaper-reader .news-masthead{position:relative;inset:auto;display:block;pointer-events:auto;margin:0 0 12px;border-bottom:1px solid #7e8772;padding:0 0 7px;text-align:center;z-index:auto}
#newspaper-reader h1{font:normal clamp(28px,4.6vw,64px)/1 Georgia,serif;font-variant:small-caps;letter-spacing:-.055em;margin:0 0 5px;color:var(--news-ink)}
.news-edition{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.news-edition p{margin:0;font-size:15px;letter-spacing:.42em;padding-left:.42em}.news-edition>span{border-top:1px solid var(--news-gold);padding-top:5px;text-align:right;font-size:10px;letter-spacing:.06em;min-height:18px}
.news-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative}.news-columns::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#8d91766b}
.news-story{min-width:0;transform-origin:center left}.news-story:first-child{transform-origin:center right}
.news-meta{font-size:12px;letter-spacing:.08em;margin:0 0 5px}.news-meta span{padding:0 10px;color:#8e936d}
.news-headline{display:flex;align-items:center;gap:12px;min-height:43px}.news-headline h2{font:700 clamp(23px,3vw,39px)/1.2 'Noto Serif TC','PMingLiU',Georgia,serif!important;letter-spacing:-.04em!important;margin:0!important;color:var(--news-ink);white-space:nowrap}
.news-trophy{width:43px;height:43px;flex-shrink:0;fill:none;stroke:var(--news-gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}
.news-subtitle{font-size:clamp(14px,1.5vw,19px);margin:3px 0 8px;line-height:1.4;min-height:25px}
.news-photo{margin:0;min-width:0}.news-photo img{display:block;width:100%;height:auto;object-fit:cover;background:#e7e2d2;border:1px solid #394a3326}
.news-photo-0 img{aspect-ratio:16/8;object-position:center 44%;height:auto}.news-photo-1 img{aspect-ratio:16/10;object-position:center 42%;height:auto}
.news-photo figcaption{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.05em;padding:5px 0 0}.news-photo figcaption::after{content:'';flex:1;height:1px;background:#b59b626b}
.news-secondary{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:10px;align-items:start}.news-copy{font:13px/1.85 Georgia,'Noto Serif TC','PMingLiU',serif;margin:0;padding-top:3px;overflow-wrap:anywhere;text-wrap:pretty}.news-copy::first-letter{float:none;font:inherit;margin:0;color:inherit}
#newspaper-reader .news-close{position:absolute;right:17px;top:5px;width:40px;height:40px;border-radius:50%;border:1px solid #a0ac96;background:#f8f5e9;color:#2e4838;display:grid;place-items:center;padding:0;z-index:5;box-shadow:0 3px 12px #18291b30;cursor:pointer;transition:transform .2s,background .2s}
.news-close svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.news-close:hover{transform:rotate(90deg);background:#fffdf4!important}
.news-cat{position:absolute;width:108px;height:auto;right:17%;top:-56px;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 2px #25342525)}
#newspaper-reader :focus-visible{outline:2px solid #657e59;outline-offset:4px}.news-headline h2:focus{outline-offset:6px}
.news-photo-missing{min-height:110px;display:grid;place-items:center;background:#e7e2d2}.news-photo-missing::before{content:'照片暫時無法載入';font-size:12px;color:#52644b}
@media(max-width:760px){
 #newspaper-reader{width:min(560px,97vw);padding:44px 8px 12px;max-height:97dvh}.news-scroll{padding:13px 20px 17px;max-height:calc(97dvh - 58px);background:repeating-linear-gradient(2deg,#98855c03 0 1px,transparent 1px 5px)}
 .news-columns{grid-template-columns:1fr;gap:17px}.news-columns::before{display:none}.news-story{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.news-story+.news-story{border-top:3px double #9ba185;padding-top:14px}.news-paper::before{inset:5px}
 #newspaper-reader h1{font-size:clamp(28px,7.8vw,43px)}.news-edition{gap:10px}.news-edition p{font-size:12px}.news-edition>span{font-size:9px}
 .news-meta,.news-headline,.news-subtitle,.news-copy{grid-column:1/-1}.news-meta{font-size:10px;margin-bottom:4px}.news-headline{min-height:32px}.news-headline h2{font-size:clamp(23px,6.4vw,32px)!important}.news-trophy{width:30px;height:30px}.news-subtitle{font-size:13px;margin:2px 0 7px;min-height:0}
 .news-secondary{display:contents}.news-photo-0{grid-column:1}.news-photo-1{grid-column:2}.news-photo img{height:clamp(82px,24vw,118px);aspect-ratio:auto}.news-copy{font-size:12px;line-height:1.65;padding-top:7px}.news-photo figcaption{font-size:9px;padding-top:3px}
 .news-cat{width:86px;top:-44px;right:17%}#newspaper-reader .news-close{width:32px;height:32px;top:3px;right:9px}
}
@media(prefers-reduced-motion:reduce){#newspaper-reader *{transition:none!important;scroll-behavior:auto!important}}