/* 落ち着いた教材閲覧画面。子ども用SVGと印刷には適用しない。 */
:root{--ink:#303a43;--muted:#5b6770;--green:#286b70;--green-dark:#20565b;--soft:#f2f5f6;--yellow:#edf3f4;--line:#d5dde1;--paper:#fff;color:#303a43;background:#fff;line-height:1.75}
body{color:var(--ink);background:#fff}h1,h2,h3,.brand{color:#243b53;font-family:-apple-system,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;letter-spacing:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:19px}.site-header{border-bottom:1px solid #d5dde1;padding:18px 24px;min-height:82px}.brand{font-size:25px}.brand-mark{display:none}.prototype{color:#667580;background:#f5f7f8;border:1px solid #d5dde1}.site-header nav a{background:#fff;color:#315665;border-color:#d5dde1;border-radius:4px}.site-header nav a:hover,.site-header nav a[aria-current]{background:#edf4f4;color:#205b60}.ribbon,.ribbon.yellow,.ribbon.orange{background:#f4f6f7;border:0;border-bottom:1px solid #cdd8de;border-left:3px solid #638e94;border-radius:0;color:#243b53;padding:10px 14px}.catalog-title{font-size:25px}.compact-profile{background:#f7f9fa;border:1px solid #d5dde1;border-radius:4px}.profile-summary strong{color:#315866}.panel,.question-panel,.feedback-panel,.domain-result,.material-card,.rule-list{border-radius:5px;box-shadow:none}.catalog-card{border:1px solid #cdd7de;border-radius:4px;box-shadow:none}.catalog-card .print-thumbnail{box-shadow:none;border-color:#dae0e3}.stage-tag,.tag{background:#eef2f5;color:#42576a;border-radius:3px}.recommend-role{background:#edf3f4;border-bottom:1px solid #d3dfe1;color:#315766}.catalog-card .recommend-reason{background:#f4f7f8;border-left-color:#76999e}.category-button{border-color:#d5dde1!important;border-radius:4px}.category-button[aria-pressed=true]{background:#eaf2f3!important;color:#284f58;box-shadow:inset 2px 0 #477e85}.category-icon{color:#607c89;font-size:21px}.category-button small{color:#64717a}.category-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.catalog-fold{background:#f7f9fa;border-color:#d5dde1;border-radius:4px}.review-status{font-size:16px;color:#596b77;background:#f2f5f6;padding:5px 8px;border:1px solid #d7e0e4;border-radius:3px;margin-top:10px}.reason,.notice,.note,.missing-note,.soft-block,.filters,.feedback-panel{background:#f2f6f7;color:#3e5664}.notice{border-left-color:#7b9ba2}.worksheet-page .print-sheet{box-shadow:none;border-color:#d5dde1}.worksheet-page .worksheet-controls>h2{background:#f3f6f7;border-left-color:#72939a;color:#243b53}.site-footer{background:#f7f9fa;color:#64717a}.domain-badge{background:#eef3f5;color:#3e6276}.domain-badge>span{border-color:#8aa0ac}.radar-ring{fill:#f5f7f9;stroke:#c7d4dc}.radar-axis{stroke:#c1cfd7}.radar-label{fill:#385a70}.radar-area{fill:#73a4ac;stroke:#376c78}.radar-point{fill:#376c78}.bar-value{fill:#628e9b}.bar-dot{fill:#3d7180}.support-list>li{background:#f6f8f9}.pending-bar{background:#f2f5f7}.answer:has(input:checked),.scene:has(input:checked){background:#eff5f6;border-color:#467d87}button,.button{border-radius:4px}button.secondary,.button.secondary{border-color:#aabdc6;color:#305e6c}.brand,.brand-mark,.catalog-card,.print-sheet{box-shadow:none}#print-question-form{background:#f2f6f7}.profile-entry{gap:10px}.featured,.category-section{margin-bottom:24px}
@media(max-width:1000px){.category-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.site-header nav a{padding:9px 5px;font-size:16px}.site-header{padding:14px 12px}.brand{font-size:23px}}
@media(max-width:480px){.category-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{flex-wrap:wrap}.site-header nav a{flex:1 1 auto}.ribbon{font-size:21px}.catalog-title{font-size:24px}}
