/* A kiosk in the world; paper is the interface, without a surrounding panel. */
#newsstand-control{pointer-events:auto;z-index:5;touch-action:manipulation}
#room[data-kind=newsstand]{pointer-events:none;justify-items:end;padding:4vh 3vw;overflow:visible}
#room[data-kind=newsstand] .artifact-flight{width:min(800px,58vw);transform:none;transition:none}
#room[data-kind=newsstand] .world-artifact{pointer-events:none;overflow:visible;max-height:none}
#room[data-kind=newsstand] .artifact-content{overflow:visible;flex:none;transform:none;filter:none;padding:0 12px}
#room[data-kind=newsstand] .artifact-toolbar{position:absolute;right:0;top:-40px;padding:0;min-height:40px;z-index:30}
#room[data-kind=newsstand] .artifact-toolbar>span{display:none}
#room[data-kind=newsstand] .artifact-close,#room[data-kind=newsstand] .artifact-footer button{pointer-events:auto}
#room[data-kind=newsstand] .artifact-footer{justify-content:end;margin-top:8px}
#room[data-kind=newsstand] .artifact-footer>span{display:none}
.newspaper-reading{pointer-events:auto}.newspaper-reading[hidden],.news-rack-controls[hidden]{display:none}
.newspaper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#f9f2e7;text-shadow:0 2px 4px #000;font:11px Georgia;min-height:44px}
.newspaper-toolbar select{background:#263c32;color:#f5ead6;border:0;border-bottom:1px solid #c6b69b;font:12px Georgia;padding:8px;max-width:180px;margin-left:7px}
.newspaper-toolbar button{font:12px Georgia;min-height:44px;padding:4px 10px}
.newspaper-sections{display:flex;gap:18px;justify-content:center;color:#f3e9d8;font:10px Georgia;letter-spacing:1px;text-shadow:0 2px 4px #000}
.newspaper-sections button{min-height:36px;padding:3px 5px;border-bottom:1px solid #fff4}
.newspaper-volume{--book-height:min(62vh,620px);--board-depth:1px;color:#292923}
.newspaper-volume .book-core{transform:rotateX(3deg) rotateZ(-1deg)}
.newspaper-volume .book-core.is-closed{transform:translateX(-25%) rotateX(3deg) rotateY(-6deg) rotateZ(-2deg)}
.newspaper-volume .book-board{border-radius:0;top:0;bottom:0;box-shadow:0 9px 18px #0005;background:#d9d6c9}
.newspaper-volume .page-block{background:#e1dfd2;box-shadow:0 1px #bcb9aa,0 2px #e9e7dc}
.newspaper-volume :is(.book-page,.leaf-face){background:radial-gradient(#8d887b12 .5px,transparent .9px),#eeeDE5;background-size:3px 3px;border-radius:0;color:#272923}
.newspaper-volume .page-left{box-shadow:inset -10px 0 15px #4c493222}
.newspaper-volume .page-right{box-shadow:inset 10px 0 15px #4c493222}
.newspaper-volume .book-gutter{width:8px;left:calc(50% - 4px);background:linear-gradient(90deg,transparent,#393c3430,transparent)}
.newspaper-page{padding:7% 8% 10%;font-family:Georgia,'Times New Roman',serif;container-type:inline-size}
.newspaper-running-head{display:flex;justify-content:space-between;gap:10px;border-bottom:3px double #5a5d4d;padding-bottom:6px;font:7px Georgia;letter-spacing:.2px}
.world-artifact .news-section-heading{font:700 10px/1.4 Georgia;letter-spacing:1.7px;border-bottom:1px solid #77786a;margin:12px 0 16px;padding:0 0 8px}
.news-clipping{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #8f9184;cursor:pointer;overflow-wrap:anywhere}
.news-clipping:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.news-classification{font:7px/1.4 Arial;letter-spacing:1.3px}
.world-artifact .news-clipping h3{font:700 clamp(17px,8cqw,29px)/1.08 'Times New Roman',serif;letter-spacing:-.4px;margin:8px 0}
.news-clipping h3 button{text-align:left;font:inherit;padding:0;color:inherit;min-height:44px}
.news-clipping h3 button:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:3px}
.world-artifact .news-metadata{font:9px/1.4 Georgia;margin:9px 0;color:#595b51}
.world-artifact .news-summary{font:13px/1.45 Georgia;text-align:left;margin:11px 0;hyphens:auto}
.news-read{display:block;font:italic 10px Georgia;margin-top:10px}
.news-image{margin:12px 0}.news-image img{display:block;width:100%;max-height:240px;object-fit:contain;filter:saturate(.7) contrast(.95)}
.news-image figcaption{font:8px/1.4 Georgia;color:#55594c;margin-top:6px}
.newspaper-cover{background:radial-gradient(#8d887b14 .5px,transparent .9px),#eeede5;background-size:3px 3px;color:#272923;padding:7%;gap:4%;justify-content:start;box-shadow:inset 5px 0 8px #0001}
.newspaper-masthead{font:900 14cqw/.9 'Times New Roman',serif;letter-spacing:-.5cqw;display:block;width:100%;border-block:3px double #333c2e;padding:5% 0}
.newspaper-subtitle{font:italic 4cqw Georgia}.newspaper-edition{font:4cqw Georgia;padding:3% 0;border-bottom:1px solid #6e7263;width:100%}.newspaper-edition small{display:block;font:2.2cqw Arial;letter-spacing:.1cqw;margin-top:3%}
.newspaper-cover-headline{font:bold 7.5cqw/1.08 'Times New Roman',serif;display:block;margin:2% 0}
.newspaper-cover-summary{font:4.1cqw/1.4 Georgia;text-align:justify;display:block;overflow:hidden;max-height:26%}
.newspaper-cover-bottom{margin-top:auto;width:100%;border-top:1px solid #6b7162;padding-top:4%;font:2.3cqw/1.4 Georgia;letter-spacing:.25cqw}
.newspaper-transfer{position:fixed;left:0;top:0;transform-origin:0 0;z-index:55;pointer-events:none;will-change:transform;box-shadow:4px 9px 16px #0005;background:none}
.news-rack-controls{position:fixed;inset:0;z-index:12;pointer-events:none}
.news-rack-controls button{position:absolute;background:transparent;border:0;pointer-events:auto;min-width:32px;min-height:44px;touch-action:manipulation;box-shadow:none}
.news-rack-controls button:focus-visible{outline:2px solid #fff0cf;outline-offset:5px;background:#fff2}
.news-rack-controls button:hover{background:#fff1}
.fallback-news-rack{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px;top:40%;bottom:10%}
.fallback-news-rack button{position:static!important;width:30%!important;height:auto!important;background:#eeede5;color:#273627;padding:30px 12px;font:18px Georgia;box-shadow:3px 6px 9px #0005}
.news-story-detail{width:min(710px,calc(100vw - 32px));max-height:88dvh;padding:35px 45px 40px;border:0;background:#eeede5;color:#252c24;box-shadow:4px 18px 34px #0006;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;box-sizing:border-box;transform:rotate(-.5deg)}
.news-story-detail::backdrop{background:#0f20194d}
.news-detail-close{position:absolute;top:8px;right:8px;width:44px;height:44px;font:30px Georgia;color:#364335}
.news-detail-masthead{font:bold 34px/.95 'Times New Roman',serif;letter-spacing:-1px;border-block:3px double #45513f;padding:14px 0;margin:10px 0 20px}
.news-detail-kicker{font:9px/1.5 Arial;text-transform:uppercase;letter-spacing:1px}
.news-story-detail h2{font:bold 36px/1.06 'Times New Roman',serif;letter-spacing:-.6px;margin:20px 0}
.news-detail-meta{font:12px/1.5 Georgia;color:#56604f;border-bottom:1px solid #8b9382;padding-bottom:18px}
.news-story-detail .news-image img{max-height:380px;filter:none}
.news-story-detail .news-image figcaption{font-size:10px}
.news-detail-copy{columns:2;column-gap:25px;column-rule:1px solid #9da38e}
.news-detail-copy p{font:16px/1.55 Georgia;margin:0 0 14px}
.news-original{display:block;font:italic 14px/1.5 Georgia;text-decoration:underline;text-underline-offset:3px;padding:12px 0;min-height:44px}
.news-source-note{font:10px/1.5 Arial;border-top:1px solid #959c8c;padding-top:15px}
.compact-view #room[data-kind=newsstand]{align-items:start;justify-items:center;padding:max(8px,env(safe-area-inset-top)) 12px 0}
.compact-view #room[data-kind=newsstand] .artifact-flight{width:100%;max-width:680px}
.compact-view #room[data-kind=newsstand] .artifact-toolbar{top:0;right:0}
.compact-view #room[data-kind=newsstand] .artifact-content{padding:2px 0 0}
.compact-view #room[data-kind=newsstand] .artifact-footer{margin:40px 4px 0}
.compact-view #room.reading-news[data-kind=newsstand] .artifact-footer{display:none}
.compact-view .newspaper-toolbar{gap:4px;padding-right:34px;min-height:35px;font-size:9px}
.compact-view .newspaper-toolbar select{font-size:11px;max-width:130px;padding:7px 2px;margin-left:2px}
.compact-view .newspaper-toolbar button{min-height:35px;font-size:9px;padding:5px}
.compact-view .newspaper-sections{gap:15px;font-size:8px;letter-spacing:.6px}
.compact-view .newspaper-sections button{min-height:30px}
.compact-view .newspaper-volume{--book-height:clamp(40px,calc(var(--artifact-space,48dvh) - 110px),420px)}
.compact-view .newspaper-page{padding:9px 8px 14px}
.compact-view .newspaper-running-head{font-size:5px;gap:3px}
.compact-view .news-section-heading{font-size:7px;letter-spacing:.7px;margin:7px 0;padding-bottom:6px}
.compact-view .news-clipping h3{font-size:16px;line-height:1.05;letter-spacing:-.4px}
.compact-view .news-metadata{font-size:8px}.compact-view .news-summary{font-size:11px;line-height:1.3}.compact-view .news-image figcaption{font-size:7px}.compact-view .news-classification{font-size:6px;letter-spacing:.4px}
@media(max-width:600px){.news-story-detail{padding:30px 22px;max-height:90dvh;transform:none}.news-detail-masthead{font-size:29px}.news-story-detail h2{font-size:29px}.news-detail-copy{columns:1}.news-detail-copy p{font-size:16px}.news-story-detail .news-image img{max-height:33dvh}}
@media(max-height:450px) and (orientation:landscape){.compact-view .newspaper-toolbar{position:absolute;right:34px;top:0;flex-direction:column;align-items:flex-end;gap:0;padding:0;max-width:130px}.compact-view .newspaper-toolbar>label{font-size:0}.compact-view .newspaper-toolbar select{max-width:110px}.compact-view .newspaper-sections{position:absolute;left:2px;top:0;flex-direction:column;gap:0;align-items:flex-start}.compact-view .newspaper-volume{--book-height:calc(var(--artifact-space,48dvh) - 44px)}.compact-view .newspaper-reading{padding-inline:120px}.compact-view .newspaper-sections button{font-size:7px;min-height:28px}.compact-view .newspaper-toolbar button{min-height:30px}.compact-view .newspaper-volume .book-page-status{display:none}}
@media(prefers-reduced-motion:reduce){.newspaper-volume .book-core{transition:none!important}}
.news-byline{display:block;font-style:italic;margin-top:4px}
.newspaper-cover-image{display:block;max-width:100%;width:100%;height:24%;min-height:0;object-fit:contain;filter:saturate(.7)}
.newspaper-cover{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:3%;align-content:stretch}
.newspaper-cover-summary{max-height:none;font-size:3.5cqw;line-height:1.35}
.newspaper-cover-image{height:100%}.newspaper-cover-bottom{margin:0;align-self:end}
.newspaper-cover-headline{font-size:6.5cqw}.newspaper-masthead{font-size:12cqw}
/* The article scrolls inside the paper; its close button stays in reach. */
.news-story-detail{padding:0;overflow:visible}
.news-detail-scroll{padding:35px 45px 40px;max-height:88dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;box-sizing:border-box}
.news-detail-close{z-index:2;background:#eeede5;box-shadow:0 1px 4px #30342626;border-radius:50%;touch-action:manipulation}
.news-detail-close:hover{background:#dfdfd1}.news-detail-close:focus-visible{outline:2px solid #344c3d;outline-offset:2px}
.newspaper-cover{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}
.newspaper-cover-source{font:small-caps 4cqw/1.2 Georgia;letter-spacing:.1cqw}
@media(max-width:600px){.news-story-detail{padding:0}.news-detail-scroll{padding:36px 22px 26px;max-height:90dvh}}

/* Newsprint has a thin folded edge, a soft crease and a shallow bow. */
.newspaper-volume{--paper-depth:3px;--cover-thickness:1px}
.newspaper-volume .book-core{transform:rotateX(10deg) rotateY(-5deg) rotateZ(-1.5deg)}
.newspaper-volume .book-core.is-closed{transform:translateX(-25%) rotateX(10deg) rotateY(-15deg) rotateZ(-2deg)}
.newspaper-volume .book-cover-rest:before{background:linear-gradient(90deg,#999586,#e8e4d8 45%,#c5c0b3)}
.newspaper-volume .book-page:before{content:'';position:absolute;left:0;right:0;top:49%;height:3px;background:linear-gradient(#635e4218,#fff6,transparent);pointer-events:none;z-index:2}
.newspaper-volume .book-page{box-shadow:0 2px 0 #c8c3b5,0 4px 0 #e9e5da,3px 9px 16px #0003}
.compact-view .newspaper-volume{--paper-depth:2px}
.compact-view .newspaper-volume .book-core{transform:rotateX(7deg) rotateY(-3deg) rotateZ(-.5deg)}
.compact-view .newspaper-volume .book-core.is-closed{transform:translateX(-25%) rotateX(8deg) rotateY(-13deg) rotateZ(-1deg)}
