:root{--ink:#233f49;--line:#252e31;--accent:#287b87;--paper:#fffdf5;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:20px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.8}button,input,select,textarea{font:inherit;color:var(--ink)}a{color:#206371;text-underline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,input,select,textarea{border:2px solid var(--line);border-radius:8px;background:#fffdf7;padding:9px 12px}button:hover,a.discussion-entry:hover{background:#d8efea}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b95a26;outline-offset:4px}option{background:#fffdf5;color:#233f49}textarea{resize:vertical;display:block;width:100%}input{min-width:0;max-width:100%}h1,h2,h3,h4,h5,p{overflow-wrap:anywhere}h1,h2,h3,h4,h5{line-height:1.4}h5{font-size:18px}h4{font-size:21px;margin:8px 0}.review-banner{background:#fff0b5;text-align:center;font-size:12px;font-weight:700;padding:5px}.sitehead{max-width:1220px;margin:auto;padding:23px 28px;border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:34px;letter-spacing:-1.5px;font-weight:950;color:var(--accent);text-decoration:none}.logo span{display:block;font-size:11px;letter-spacing:1px}.sitehead nav{display:flex;gap:20px;font-size:14px}.sitehead nav a{white-space:nowrap}.skip{position:absolute;top:-100px;background:white;z-index:100}.skip:focus{top:0}main{max-width:1220px;margin:auto;padding:0 28px}.launch-hero{padding:56px 0 36px}.launch-hero h1{font-size:clamp(36px,5vw,60px);font-weight:900;margin:16px 0 24px;letter-spacing:-1px}.launch-hero em{font-style:normal;color:var(--accent)}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--accent)}.browse h2{font-size:28px}.categories{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.categories button[aria-pressed=true]{background:#c6e7df;border-color:#252e31}.browse form>label{display:flex;gap:15px;align-items:center}.browse input{width:min(480px,65vw)}.subtle{color:#50666b;font-size:13px}.launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.story{overflow:hidden;border:2px solid var(--line);border-radius:16px;background:#fffdf7;display:flex;flex-direction:column;min-width:0}.story[hidden]{display:none}.story .artbutton{display:block;width:100%;border:0;padding:0;border-bottom:2px solid var(--line);color:inherit;text-decoration:none;cursor:pointer}.story .art{height:210px;position:relative;overflow:hidden;background:var(--tint)}.art svg{width:100%;height:100%}.art-label{position:absolute;top:14px;left:17px;font-size:11px;font-weight:800;letter-spacing:1px}.art-stamp{position:absolute;right:16px;bottom:36px;white-space:pre-line;line-height:1.1;font-size:20px;font-weight:900;transform:rotate(-7deg)}.art-caption{position:absolute;bottom:6px;left:17px;font-size:10px}.storycopy{padding:22px;display:flex;flex-direction:column;flex:1}.kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.badge{background:#e3efcd;border:1.5px solid var(--line);border-radius:5px;padding:2px 6px;font-size:11px}.story h2{font-size:clamp(24px,3.1vw,34px);margin:18px 0 8px;font-weight:900}.story h2 a{color:var(--ink);text-decoration:none}.debate-question{font-size:16px;margin:10px 0}.debate-lenses{font-size:12px;color:#46666c;margin:8px 0 20px}.cardfoot{margin-top:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.discussion-entry{display:inline-block;background:#c6e7df;color:#204e56;font-weight:850;text-decoration:none;border:2px solid var(--line);border-radius:8px;padding:10px 16px}.read{font-size:13px;white-space:nowrap;padding:7px}.crumb{font-size:12px;margin:24px 0}.topic-hero{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center;margin:25px 0}.topic-hero .art{height:280px;border:2px solid var(--line);border-radius:16px;background:var(--tint);position:relative;overflow:hidden}.topic-hero h1{font-size:clamp(30px,4vw,43px);font-weight:900;margin:12px 0}.date-note{background:#e6f0eb;padding:12px 16px;font-size:12px;border-left:4px solid var(--accent)}.reading{display:grid;gap:24px;margin:36px 0}.reading-card,.editor-note,.board,.sources{padding:28px;border:2px solid var(--line);border-radius:14px;background:#fffefa}.reading-card h2{font-size:29px}.step{font-size:17px;color:var(--accent);font-weight:850;border-bottom:2px solid var(--line);padding-bottom:12px}.positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.position{background:#eef4ed;padding:18px;border:2px solid var(--line);border-radius:10px}.position h3{font-size:18px;margin:0}.position:nth-child(even){background:#ede8fb}.source-link{font-size:11px;white-space:nowrap}.more-views{margin:24px 0 0;border-top:2px solid var(--line);padding-top:16px}.more-views summary{font-size:17px;font-weight:800;cursor:pointer}.more-views summary span{font-size:12px;margin-left:10px}.collected{border-top:1px dashed #78938b;margin-top:22px;padding-top:18px}.collected h5{margin:12px 0}.pending{background:#edf2ef;font-size:13px;padding:15px}.unknown-card{background:#ffeaaa;border-width:3px}.unknown-card h2{font-size:clamp(29px,4vw,40px);font-weight:900}.unknown-list{list-style:none;padding:0;counter-reset:unknown;display:grid;gap:13px}.unknown-list li{background:#fff9e3;border:2px solid var(--line);padding:14px 18px 14px 58px;border-radius:10px;position:relative;counter-increment:unknown}.unknown-list li:before{content:counter(unknown,decimal-leading-zero);position:absolute;left:14px;top:12px;font-weight:950;font-size:23px;color:#9a5831}.unknown-list h3{font-size:20px;margin:0 0 5px}.unknown-list p{font-size:14px;margin:0}.editor-note{background:#e4efec}.editor-note h2{font-size:23px}.board{margin:28px 0}.board>h2{font-size:34px;margin:5px 0 20px}.board-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0}.board-toolbar label{font-size:13px}.stance-widget{background:#edf3ee;border:2px solid var(--line);padding:16px;border-radius:10px;margin:22px 0}.stance-widget:empty{display:none}.stance-widget h3{font-size:17px;margin:0 0 13px}.stance-buttons{display:flex;gap:10px}.stance-buttons button{flex:1;font-size:14px;line-height:1.6}.stance-buttons button[aria-pressed=true]{background:#c6e7df}.stance-result{font-size:13px;margin:12px 0 0}.post{padding:22px 0;border-top:1.5px solid #75968e}.postmeta{font-size:12px;display:flex;flex-wrap:wrap;gap:8px;color:#526c70}.postbody{white-space:pre-wrap;margin:10px 0;font-size:16px}.reactions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.reactions button{font-size:12px;padding:7px 9px}.reactions button[aria-pressed=true]{background:#c6e7df}.post-actions{display:flex;gap:15px;margin-top:12px}.post-actions button{border:0;background:transparent;text-decoration:underline;padding:2px;color:#3c727b;font-size:12px}.post-actions a{font-size:12px}.empty-posts{background:#eef3e8;padding:23px;border:2px dashed #75968e;border-radius:10px}.empty-posts h3{margin-top:0}.board form{margin-top:30px;border-top:2px solid var(--line);padding-top:20px}.board form h3{font-size:23px}.form-row{display:flex;gap:15px;align-items:end;flex-wrap:wrap}label{display:block;font-size:14px;margin-bottom:13px}label input,label textarea{display:block;margin-top:6px}.form-row label{flex:1}.form-row select{display:block;width:100%;margin-top:6px}form>.discussion-entry{margin:8px 0}.form-status{font-size:14px;color:#a13d2b;white-space:pre-wrap}.sources{margin:28px 0 50px;font-size:14px}.sources li{padding:12px 0;scroll-margin-top:24px}.sources a{overflow-wrap:anywhere}.document{max-width:800px;margin:40px auto 65px}.document h1{font-size:32px;border-bottom:2px solid var(--line);padding-bottom:20px}.document h2{font-size:22px;margin-top:34px}.document form input{width:100%}.document form{background:#eef3eb;border:2px solid var(--line);border-radius:12px;padding:22px;margin:30px 0}.queue-item,.ticket{padding:18px;border:2px solid var(--line);border-radius:10px;margin:16px 0;background:#fffdf5}.queue-item p,.ticket p{white-space:pre-wrap}.queue-item textarea{margin:12px 0}.queue-item button{margin:5px}.alert{padding:16px;background:#ffeaaa;border:2px solid var(--line);border-radius:8px}footer{border-top:2px solid var(--line);max-width:1164px;margin:50px auto 0;padding:25px 0;display:flex;flex-wrap:wrap;gap:16px;font-size:12px}footer p{width:100%;color:#597276;font-size:11px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#e2f1e8;border:2px solid var(--line);padding:12px 20px;border-radius:9px;z-index:20;max-width:calc(100vw - 30px);font-size:13px}#notice:empty{display:none}dialog{border:2px solid var(--line);border-radius:15px;padding:25px;background:var(--paper);color:var(--ink);width:min(550px,calc(100vw - 30px))}dialog::backdrop{background:#233f4966}dialog .close{float:right}dialog h2{font-size:22px}dialog label{clear:both;padding-top:15px}#thread{margin-top:24px;background:#f0f3ed;padding:16px;border:2px solid var(--line);border-radius:10px}[hidden]{display:none!important}@media(max-width:700px){.sitehead{padding:18px 18px;gap:10px}.logo{font-size:29px}.logo span{font-size:9px}.sitehead nav{font-size:11px;gap:10px}.sitehead nav a:last-child{display:none}main{padding:0 17px}.launch-hero{padding:34px 0 20px}.launch-grid{grid-template-columns:1fr;gap:20px}.story .art{height:190px}.story h2{font-size:29px}.topic-hero{grid-template-columns:1fr;gap:12px}.topic-hero .art{height:205px}.topic-hero h1{font-size:31px}.reading-card,.editor-note,.board,.sources{padding:18px}.positions{grid-template-columns:1fr}.reading-card h2{font-size:26px}.unknown-card h2{font-size:29px}.unknown-list li{padding-left:51px}.unknown-list h3{font-size:18px}.board>h2{font-size:29px}.board-toolbar{gap:12px}.stance-buttons{flex-direction:column}.reactions{gap:4px}.reactions button{font-size:11px;padding:7px}.document h1{font-size:27px}footer{margin:35px 17px 0;gap:14px}.form-row{display:block}.browse form>label{display:block}.browse input{width:100%}.storycopy{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.board .post{padding:18px;border:1.5px solid var(--line);background:#fffefa}.board .post-actions{padding:0;border-top:0}.board .post-actions button{min-height:36px}.discussion-preview{display:block;width:100%;text-align:left;background:#edf3e9;margin:10px 0;padding:16px}.discussion-preview span,.discussion-preview b{display:block;font-size:11px;color:#3c727b}.discussion-preview q{display:block;font-size:15px;font-weight:700;white-space:normal;margin:7px 0;overflow-wrap:anywhere}.discussion-preview q:before,.discussion-preview q:after{content:none}

/* Article uncertainty sections contain a heading and a full-width list. */
.reading-card.unknown-card{display:block}

/* Compare claims with explicit labels; card colors do not imply voting sides. */
.topic-hero h1.phrase-title{font-size:clamp(30px,3.2vw,43px);overflow-wrap:normal;line-break:strict;line-height:1.45}
.phrase-title>span{display:block;max-width:100%}
.hero-question>span{display:inline-block;max-width:100%}
.comparison-axis{background:#f2f4f3;border:1px solid #bcc9c8;border-radius:10px;padding:20px;margin:18px 0 24px}
.comparison-axis .comparison-label{font-size:12px;font-weight:800;color:#466167;margin:0 0 6px}
.reading-card .comparison-axis h2{font-size:clamp(22px,2.5vw,28px);line-height:1.55;margin:0 0 12px;text-wrap:balance}
.comparison-axis p{margin:8px 0;font-weight:400}
.comparison-axis .comparison-note{font-size:12px;color:#506168;line-height:1.8}
.positions>.position,.positions>.position:nth-child(even){background:#fffefa;border:1px solid #aabbbd;border-top:4px solid #607c82;padding:20px}
.positions>.position[data-position=include]{border-top-color:#326d80}
.positions>.position[data-position=caution]{border-top-color:#93652f}
.positions>.position>p{font-weight:400;line-height:1.85}
.positions>.position .position-label{display:inline-block;font-size:12px;font-weight:800;line-height:1.5;border:1px solid #b7c6c9;background:#eef3f4;border-radius:4px;padding:4px 8px;margin:0 0 12px;color:#294f5a}
.positions>.position[data-position=caution] .position-label{background:#f6f1e9;color:#6d4b22;border-color:#d3c1a8}
.positions>.position h3{font-size:21px;line-height:1.6;margin:0 0 10px;text-wrap:balance}
.positions>.position .position-actor{font-size:12px;font-weight:600;color:#53666d;margin:0 0 12px}
@media(max-width:700px){.topic-hero h1.phrase-title{font-size:clamp(23px,6.7vw,31px);letter-spacing:0}.comparison-axis{padding:16px}.positions>.position{padding:18px}.positions>.position h3{font-size:20px}}

.comparison-axis h2>span{display:inline-block;max-width:100%;text-wrap:wrap}

/* Keep the sort label, select and action button on the same baseline. */
.board-toolbar>label{display:inline-flex;align-items:center;gap:8px;margin:0;max-width:100%;white-space:nowrap;line-height:1.5}
.board-toolbar>label>select{margin:0;min-height:44px;max-width:100%;font-size:13px;line-height:1.5;padding:8px 10px}
.board-toolbar>.discussion-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px 12px;font-size:12px;line-height:1.5;white-space:nowrap}
@media(max-width:360px){.board-toolbar>label{width:100%}.board-toolbar>label>select{flex:1;min-width:0}.board-toolbar>.discussion-entry{width:100%}}
.board-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.board-filters label{display:grid;gap:4px;min-width:0}.board-filters p{width:100%;margin:0}.board-filters input{max-width:100%}@media(max-width:430px){.board-filters label{width:100%}.board-filters input,.board-filters select{width:100%}}

[data-save-topic][aria-pressed=true]{background:#ffeaaa}#saved-topics-list{padding-left:24px}#saved-topics-list li{margin:12px 0;overflow-wrap:anywhere}#saved-topics-list button{margin:4px 8px;font-size:13px}.sitehead nav{flex-wrap:wrap}

/* Align the submit and cancel controls without overriding hidden state. */
.compose-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.compose-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;line-height:1.5;padding:10px 16px}
.compose-actions>button[hidden]{display:none}

/* Make reading and writing replies more prominent than secondary links. */
.board .post-actions{flex-wrap:wrap;align-items:center;gap:10px 14px}
.board .post-actions button[data-thread],.board .post-actions button[data-reply]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:2px solid var(--line);border-radius:8px;background:#e6f0eb;color:var(--ink);font-size:14px;font-weight:700;line-height:1.5;text-decoration:none}
.board .post-actions button[data-reply]{background:#c6e7df}
.board .post-actions button[data-thread]:hover,.board .post-actions button[data-reply]:hover{background:#d8efea}

/* R20: private operator tools */
#operator-tools{margin-top:32px;border-top:2px solid var(--line);padding-top:20px}
#operator-tools section{margin:24px 0;padding:20px;border:1.5px solid var(--line);border-radius:10px;background:#fffefa;min-width:0}
.operator-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
.operator-buttons>button{min-height:44px;font-size:14px;line-height:1.5}
.operator-buttons label{margin:0;min-width:0}
.operator-buttons select{max-width:100%;display:block}
.operator-record{padding:14px 0;border-top:1px solid #b8c9c4;overflow-wrap:anywhere}
.operator-record p{white-space:pre-wrap;margin:8px 0}
.operator-record summary{cursor:pointer;font-weight:700}
.operator-status{display:inline-block;background:#e6f0eb;border-radius:5px;padding:2px 8px;font-size:13px}
.operator-status.attention{background:#fff0bd}
.operator-retry{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.operator-retry label{font-size:13px;margin:0}
.operator-retry input{display:inline-block}
@media(max-width:600px){#operator-tools section{padding:14px}.operator-buttons{align-items:flex-start}.operator-buttons label{width:100%}}

#notification-summary{white-space:pre-line;overflow-wrap:anywhere}
