:root{--ink:#183347;--muted:#496778;--paper:#f3f8fb;--white:#fff;--line:#cbdfe9;--accent:#0875be;--gold:#0875be;--navy:#123d5c;--pale:#edf7fc}
body{background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",sans-serif}
h1,h2,h3,h4,button,input,select{font-family:inherit}h2,h3{font-weight:700}a{color:#07699c}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00a9ad;outline-offset:4px}button{font-family:inherit}.section-kicker{color:#007d88;font-weight:700;letter-spacing:0}.section-heading h2{font-size:32px;line-height:1.45}.section{padding-block:48px}.middle-band{background:#fff;border-bottom:1px solid var(--line)}.button{background:#0875be;color:white;border-color:#0875be;border-radius:6px}.text-link{color:#0875be}.visual-blue #H01 .game-copy .text-link{margin-right:0}.visual-blue #H01 .game-copy>p:not(.eyebrow){margin-right:0}
#H02 .h02-answers{background:transparent;border:0;border-radius:0;gap:28px}#H02 .h02-answer{padding:18px 0;border-top:3px solid #16aab5}#H02 .h02-answer+.h02-answer{border-left:0}#H02 .h02-label{color:#0875a2;font-weight:700}#H02 .h02-answer>p:not(.h02-label){font-size:15px;line-height:1.85}#H02 .h02-action{color:#086da9;border-top:1px solid #d5e7ee}#H02 .h02-scope{font-size:15px}#H02 .h02-situation{background:#edf7fc;border-left-color:#00b8b2;padding:12px}#H02 .h02-footnote{font-size:12px}
#H04 .game-reading-list{gap:28px}#H04 .game-reading-card{border:0;border-radius:0;background:transparent;border-bottom:2px solid #b9dbe8}#H04 .game-reading-card>img{height:240px;background:#123d5c;padding:20px;border-radius:10px}#H04 .game-reading-card:last-child>img{background:#e0f1f8}#H04 .game-reading-copy{padding:20px 0}#H04 .game-reading-copy h3{font-size:25px}#H04 .game-reading-type{font-weight:700;color:#0875a2}#H04 .game-answer{font-size:15px;line-height:1.85}#H04 .game-reading-copy>a{color:#0875be;font-size:15px}#H04 .game-reading-scope{font-size:12px}
#H05{border-top:1px solid #cbdfe9}#H05 .member-topic{background:#fff;border-color:#bcd9e7;border-radius:8px;border-left:4px solid #149fba}#H05 .member-topic[open]>summary{background:#e5f5fb}#H05 .member-summary>strong{color:#123d5c}#H05 .member-summary>span{font-size:15px}#H05 .member-detail{background:#f5fafd}#H05 .member-ui{border:2px solid #97c9dc;box-shadow:0 4px 15px #123d5c0c}#H05 .spot{background:#0875be;color:#fff;border-color:#0875be;font-weight:700}#H05 .member-explain dt{font-size:15px}#H05 .member-explain dd{font-size:15px}#H05 .member-source{font-size:12px}#H05 .member-disclosure{font-size:14px;color:#0875be}#H05 .member-switch>button[aria-pressed=true]{background:#0875be}
#H06{border-top:1px solid #cbdfe9}.find-ways{background:#e5f4fb;border-color:#b2d4e4;border-radius:6px}.find-ways strong{color:#086a9c}.route-number{display:none}.reading-route{gap:38px;border-color:#cbdfe9;padding-block:28px}.route-intro h3{color:#123d5c;font-size:24px}.route-intro p{font-size:14px}.reading-route a strong{color:#08669c;font-size:17px}.reading-route a p{font-size:14px}.reading-route a small{font-size:12px}.h06-scope{font-size:12px}
#H07{background:#123d5c;border-top:4px solid #00b8b2}#H07 a,#H07 button{color:#d2f4ff}#H07 h3{color:#fff}#H07 .footer-brand img{background:#fff;border-radius:4px;padding:7px}#H07 .footer-links a,#H07 .footer-links button{font-size:14px}#H07 p,#H07 summary{font-size:13px}dialog{background:#fff;border:1px solid #97c9dc;border-radius:10px}dialog h2{font-family:inherit;color:#123d5c}.entry-status{background:#edf7fc;border-color:#00a8ad;color:#365c72}.close-dialog:not(.button){background:#e5f3fa;color:#123d5c}
.blue-reading{--paper:#f3f8fb;--line:#cbdfe9;--accent:#0875be;background:#f3f8fb;font-size:16px;line-height:1.85;color:#183347}.blue-reading header{background:#fff;border-bottom:3px solid #00b8b2;padding:20px 24px;max-width:1140px}.blue-reading header img{width:180px}.blue-reading main{max-width:1000px;background:#fff;margin:28px auto 40px;padding:30px 40px 50px;border:1px solid #d8e8ef;border-radius:10px}.blue-reading h1{font:700 36px/1.45 "Microsoft JhengHei","PingFang TC",sans-serif;color:#123d5c;letter-spacing:0}.blue-reading h2{color:#123d5c}.blue-reading h3{color:#175878}.blue-reading .lead{color:#496778;max-width:760px}.blue-reading .kicker{letter-spacing:0;color:#0875a2;font-weight:700}.blue-reading .reading-nav a{background:#edf7fc;color:#07699c;border-color:#bcd9e7}.blue-reading .reading-grid article{background:#f1f8fc;border-color:#d0e5ee}.blue-reading .reading-grid p{font-size:15px}.blue-reading .reading-button,.blue-reading .return{background:#0875be;color:#fff;border-radius:6px}.blue-reading .source{background:#edf7fc;border-color:#00a8ad;color:#496778}.blue-reading .phase{border-color:#bcd9e7}.blue-reading .phase p{font-size:16px}.blue-reading .date{color:#0875a2;font-variant-numeric:tabular-nums}.blue-reading .phase h2{color:#007a87;font-size:16px}.blue-reading .note{color:#496778}.blue-reading footer{background:#123d5c;color:#d8edf6;padding:24px;font-size:13px}.blue-reading main>footer{background:#edf7fc;color:#496778;border-top:1px solid #cbdfe9}.blue-reading #catalog-form{background:#edf7fc;border:1px solid #bcd9e7;padding:20px;border-radius:8px}.blue-reading input,.blue-reading select{background:white;border-color:#8cb7cb}.blue-reading #catalog-results a{color:#07699c}.blue-reading #catalog-results p{font-size:14px}.blue-reading #catalog-results small{font-size:12px}.blue-reading #catalog-more{background:#0875be;color:#fff}.blue-reading .catalog-reset{background:#fff;color:#0875a2}
@media(max-width:760px){
.section{padding-block:32px}.container{width:calc(100% - 32px)}.section-heading h2{font-size:26px}.section-heading{margin-bottom:20px}.visual-blue #H01 .announcement-copy h2{position:static;width:auto;height:auto;clip-path:none;overflow:visible;margin:0 0 10px;white-space:normal;font-size:22px}.visual-blue #H01 .announcement-facts{font-size:15px}.visual-blue #H01 .announcement-facts dd{font-size:15px}.visual-blue #H01 .game-copy>p:not(.eyebrow),.visual-blue #H01 .interface-copy>p:not(.eyebrow){font-size:15px}.visual-blue #H01 .game-copy .text-link{margin-right:0;min-height:44px}
#H02 .h02-answers{gap:10px}#H02 .h02-answer{padding:18px 0}#H02 .h02-answer+.h02-answer{border-top:2px solid #bcd9e7}#H02 .h02-scope{font-size:15px}#H02 .h02-answer>p:not(.h02-label){font-size:15px}#H02 .h02-action{font-size:15px}#H02 .h02-next p{font-size:14px}
#H04 .game-reading-list{gap:22px}#H04 .game-reading-card{grid-template-columns:90px 1fr;padding:0 0 20px;gap:14px}#H04 .game-reading-card>img{height:100px;padding:5px;border-radius:7px}#H04 .game-reading-copy{padding:0}#H04 .game-reading-copy h3{font-size:22px}#H04 .game-question{font-size:16px}#H04 .game-answer{font-size:15px}#H04 .game-reading-type{font-size:12px}#H04 .game-reading-copy>a{font-size:14px}
#H05 .member-topic>summary{padding:18px 16px}#H05 .member-summary>strong{font-size:20px}#H05 .member-summary>span{font-size:15px}#H05 .member-detail{padding:14px 10px}#H05 .member-explain dd{font-size:15px}#H05 .member-canvas{padding:12px}.find-ways strong{font-size:15px}.find-ways small{font-size:12px}.reading-route ul{margin-top:10px}.reading-route a{padding:16px 0}.reading-route a strong{font-size:16px}.reading-route a p{font-size:14px}.route-intro h3{font-size:22px}.route-intro p{font-size:14px}.h06-scope{font-size:12px}#H07 .footer-brand img{max-width:185px}
.blue-reading header{padding:15px 16px;gap:12px}.blue-reading header img{width:150px}.blue-reading main{margin:16px auto 24px;width:calc(100% - 24px);padding:22px 18px 32px;border-radius:8px}.blue-reading h1{font-size:28px}.blue-reading h2{font-size:23px}.blue-reading .lead{font-size:17px}.blue-reading .reading-grid p{font-size:15px}.blue-reading .reading-nav a{font-size:14px}.blue-reading #catalog-form{padding:14px;gap:12px}.blue-reading #catalog-results a{font-size:17px}.blue-reading .phase{grid-template-columns:1fr;gap:10px}.blue-reading .phase p{font-size:15px}
}
@media(max-width:400px){.visual-blue #H03 .change-row{grid-template-columns:1fr}.visual-blue #H03 .change-before,.visual-blue #H03 .change-after{display:grid;grid-template-columns:42px 1fr;gap:4px 10px;padding:12px}.visual-blue #H03 .change-label{grid-column:1;grid-row:1/3}.visual-blue #H03 .change-period{font-size:13px;margin:0}.visual-blue #H03 .change-before>p:last-child,.visual-blue #H03 .change-after>p:last-child{grid-column:2;font-size:15px}.visual-blue #H03 .change-detail{margin:0}#H04 .game-reading-card{grid-template-columns:80px 1fr;gap:12px}}

/* Final mobile spacing review: retain all answers and type sizes. */
@media(max-width:760px){#H02 .h02-answers{gap:0}.reading-route{padding-block:22px}}