*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--q-paper);color:var(--q-text);font:500 var(--fs)/1.8 var(--q-font)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--q-font-display);font-weight:900}h1{font-size:clamp(32px,3.5vw,48px);line-height:1.5}h2{font-size:1.3em;line-height:1.8}h3{font-size:1.1em;line-height:1.8}p+p{margin-top:12px}a{color:inherit}button,a{touch-action:manipulation}button,.btn{font:700 1em/1.8 var(--q-font);min-height:var(--tap);border:1px solid var(--q-text-2);border-radius:14px;padding:8px 16px;background:var(--q-surface);color:var(--q-text);cursor:pointer}a:focus-visible,button:focus-visible,main:focus-visible{outline:3px solid var(--q-blue-600);outline-offset:4px}main:focus-visible{outline-offset:-3px}.wrap{max-width:1160px;margin:auto;padding-inline:20px}.head{border-bottom:1px solid var(--q-line);background:var(--q-surface)}.head-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.brand{display:flex;align-items:center;min-height:56px;padding:7px 0}.brand img{max-width:100%;height:auto}#tools{display:flex;flex-wrap:wrap;gap:10px}.hero{display:grid;gap:28px;margin-top:40px;align-items:start}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--band-fg);font-weight:700;margin-bottom:12px}.buddy{display:flex;align-items:center;gap:20px;margin-top:24px}.momo{flex:none;width:130px;max-width:30%}.momo svg{display:block;width:100%;height:auto}.buddy p{background:var(--band-bg);border-radius:var(--radius);padding:18px;flex:1;min-width:0}.card{display:block;background:var(--q-surface);border:1px solid var(--q-line-strong);border-radius:var(--radius);padding:24px;min-width:0;text-decoration:none}.card p{margin-top:12px}.muted{color:var(--q-text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--q-btn-bg);color:var(--q-on-brand);border-color:var(--q-btn-bg);text-decoration:none;margin-top:22px}.section{margin-top:40px}.section>h2{margin-bottom:16px}.grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.section>.muted{margin:-6px 0 20px}.ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.go,.text-link{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--q-blue-700);font-weight:700;margin-top:14px}.subject{display:flex;align-items:center;gap:16px}.subject>.ic{color:var(--band-fg);width:36px;height:36px}.subject>span:last-child{margin-left:auto}.reminder{background:var(--q-remind-bg);color:var(--q-remind)}.reminder .text-link{color:inherit}.map>.ic{margin-bottom:12px;color:var(--band-fg)}a.card:hover{border-color:var(--q-blue-600);box-shadow:var(--q-shadow-1)}.tasks{padding-left:1.3em;margin:18px 0 0}.tasks li+li{margin-top:10px}.tasks a{display:block;min-height:var(--tap);background:var(--q-sunken);padding:12px;border-radius:14px;text-decoration:none}.tasks strong,.task-kind{display:block}.task-kind{color:var(--q-text-2)}footer{margin-block:40px;padding-block:24px;border-top:1px solid var(--q-line);color:var(--q-text-2)}.picker{max-width:760px;margin:40px auto;text-align:center}.picker>.momo{margin:0 auto 20px;max-width:100%}.grades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.grades button{min-height:100px;border:2px solid var(--q-text-2);background:var(--q-surface)}.grades button:hover{background:var(--band-bg)}.preview{background:var(--band-bg);color:var(--band-fg);padding:16px;border-radius:14px;margin-top:24px}main>*{overflow-wrap:anywhere}[hidden]{display:none!important}
.zy{display:inline-flex;align-items:center;vertical-align:middle;margin-right:.06em;line-height:1}.zy-c{line-height:1}.zy-b{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin-left:.06em;margin-right:.38em;font-size:.42em;font-weight:700;line-height:1.05;font-family:var(--q-font);font-style:normal}.zy-s{position:relative;display:block}.zy-t{position:absolute;left:100%;top:50%;transform:translateY(-62%);font-style:normal;margin-left:.05em}.zy-n{display:block;line-height:.6}.zy-optional:not(.zy-on) .zy-b{display:none}.zy-optional:not(.zy-on) .zy{margin-right:0}[data-band=low]{--fs:32px}[data-band=low] h1{font-size:36px}[data-band=low] h2,[data-band=low] h3{font-size:32px}[data-band=low] :is(p,h1,h2,h3,button,.btn,.task-kind,.text-link,.eyebrow,.go){line-height:1.95}[data-band=low] .buddy{align-items:flex-start}[data-band=low] .buddy .momo{width:88px}[data-band=low] .card{padding:20px}[data-band=low] .buddy{gap:12px}[data-band=low] .buddy p{padding:16px}[data-band=low] .subject{gap:12px}
@media(min-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grades{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.subjects,.recommendations,.extras{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:440px){.wrap{padding-inline:16px}[data-band=low] .buddy{flex-direction:column}[data-band=low] .buddy p{width:100%}.card{padding:20px}.head-inner{gap:8px}.grades button{padding-inline:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.btn{max-width:100%;text-align:center}.btn>span{min-width:0}
.momo svg{max-width:100%}

/* 次要資訊可收折，保留原生鍵盤與螢幕閱讀器操作。 */
summary{cursor:pointer;min-height:var(--tap);line-height:1.8}summary:focus-visible{outline:3px solid var(--q-blue-600);outline-offset:4px}.reminder summary{font-family:var(--q-font-display);font-weight:900;font-size:1.3em}[data-band=low] .reminder summary{font-size:32px;line-height:1.95}footer{font-size:16px;margin-block:24px;padding-block:16px}footer summary{display:list-item;align-content:center}footer p{line-height:1.8}