@font-face{font-family:"Noto Sans TC";src:url("fonts/noto-sans-tc.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#263544;--navy:#124c7b;--blue:#156ba6;--teal:#087c78;--rose:#b9434e;--gold:#9a620d;--paper:#fffefa;--sky:#e9f6fd;--line:#c9dce7;--soft-ink:#526579;--radius:14px;--header-height:74px;--font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.8;text-rendering:optimizeLegibility}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:.22em}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}svg{flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.45}button{color:inherit}::selection{background:#c3eee5;color:#123b3a}input{caret-color:var(--teal)}:focus-visible{outline:3px solid #bd6413;outline-offset:4px}button:disabled{opacity:.38;cursor:default}.icon{width:24px;height:24px;display:inline-block;vertical-align:middle}.reverse{transform:rotate(180deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:16px;z-index:30;background:var(--navy);color:white;padding:10px 20px;border-radius:0 0 8px 8px}.skip-link:focus{top:0}
.site-header{height:var(--header-height);background:#fffefa;position:relative;z-index:20;border-bottom:1px solid #e8eeeb}.header-inner{height:100%;max-width:1290px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 26px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;line-height:1.3}.brand:hover{text-decoration:none}.brand strong{display:block;font-size:20px;letter-spacing:.08em;color:#1a292f}.brand small{display:block;font-size:13px;letter-spacing:.2em;margin-top:3px;color:#304b5b}.brand-mark{position:relative;color:var(--blue);width:40px;height:45px;display:grid;place-items:end center}.brand-mark>.icon{width:40px;height:40px}.brand-mark:before,.brand-mark:after{content:none;display:none}#primary-nav{display:flex;align-items:center;gap:30px;height:100%;margin-left:auto}#primary-nav>a{display:flex;align-items:center;position:relative;height:100%;font-size:16px;font-weight:600;white-space:nowrap;color:#24323b}#primary-nav>a:hover{color:var(--blue);text-decoration:none}#primary-nav>a[aria-current]:after{content:"";position:absolute;bottom:12px;left:0;right:0;height:3px;border-radius:3px;background:#ffb428}.header-tools{display:flex;align-items:center;gap:17px}.color-dots{display:flex;gap:8px}.color-dots i{width:14px;height:14px;border-radius:50%;background:#2ab6ac}.color-dots i:nth-child(2){background:#ffc047}.color-dots i:nth-child(3){background:#ff8d44}.search-link{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#f28389;color:#fff}.search-link:hover{background:#b9434e}.search-link .icon{width:21px;height:21px}#menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:8px;background:var(--sky);color:var(--navy)}
.home-hero{height:250px;position:relative;display:flex;justify-content:center;align-items:center;background:#fffefa;overflow:hidden}.home-hero:before,.home-hero:after,.page-banner:before,.page-banner:after{content:"";position:absolute;inset:0 auto 0 0;width:32%;background:url("illustrations/reading-banner.webp") left center/auto 100% no-repeat;pointer-events:none}.home-hero:after,.page-banner:after{left:auto;right:0;background-position:right center}.hero-copy{text-align:center;position:relative;z-index:1;padding-bottom:9px}.home-hero h1{font-size:clamp(44px,5.5vw,84px);font-weight:900;line-height:1.12;letter-spacing:.01em}.home-hero h1>span{display:block}.home-hero h1 b{font-weight:900;color:#bd720d}.home-hero h1 b:nth-child(2){color:#148781}.home-hero h1 b:nth-child(3){color:#347fb2}.home-hero h1>span:nth-child(2)>b:first-child{color:#c55c63}.home-hero p{font-weight:600;color:#23333b;font-size:18px;margin-top:12px;letter-spacing:.04em}.core-grid{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:19px 34px 0}.core-card{--core:#16679d;--action:#0d5585;--fill:#e3f3fc;--button:#b7def5;background:var(--fill);border-radius:22px;padding:18px 20px 16px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.core-character{--core:#b83f49;--action:#95313c;--fill:#fde9e5;--button:#f8c9c5}.core-appreciation{--core:#a5680c;--action:#805007;--fill:#fff4d5;--button:#fbe4a3}.core-wellbeing{--core:#087b75;--action:#075d58;--fill:#e0f4e9;--button:#a9e5d5}.core-card header{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:15px}.core-icon{width:74px;height:74px;border-radius:50%;background:#fffefa;display:grid;place-items:center;color:var(--core);flex-shrink:0}.core-icon .icon{width:44px;height:44px;stroke-width:1.6}.core-card h2{font-size:clamp(25px,2.6vw,39px);font-weight:800;color:var(--core);white-space:nowrap;line-height:1.4}.core-card header p{font-size:15px;line-height:1.6;white-space:nowrap}.core-photo{width:100%;aspect-ratio:1.7;object-fit:cover;border-radius:var(--radius)}.core-card h3{font-size:21px;text-align:center;margin:10px 0 4px;color:#1b2d34}.core-description{font-size:16px;line-height:1.8;flex:1}.core-action{background:var(--button);color:var(--core);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:700;padding:5px 22px;align-self:center;margin-top:14px;min-height:42px}.core-action:hover{filter:brightness(.97);text-decoration:none}.core-action .icon{width:20px;height:20px}.growth-intro{max-width:1260px;margin:34px auto 0;padding:0 24px;display:grid;grid-template-columns:1.6fr .8fr 1fr;align-items:center;gap:28px}.growth-intro h2{font-size:29px;color:#202e35;margin-bottom:12px}.growth-intro p{font-size:16px;line-height:1.9}.growth-intro-photo{width:100%;max-height:178px;object-fit:cover;border-radius:12px;transform:rotate(-3deg)}.growth-links{display:grid;gap:9px}.growth-links>a{display:flex;align-items:center;gap:13px;padding:10px 14px;background:var(--sky);border-radius:var(--radius);color:var(--blue)}.growth-links>a:nth-child(2){background:#fde9e5;color:var(--rose)}.growth-links>a>.icon:first-child{width:36px;height:36px}.growth-links>a>.icon:last-child{margin-left:auto;width:20px;height:20px}.growth-links small{display:block;color:var(--ink);font-size:13px;line-height:1.6}.growth-links strong{font-size:16px}.programme-guide{max-width:1212px;margin:44px auto 0;padding:28px 0 10px;border-top:1px solid var(--line)}.programme-guide h2{font-size:24px;color:var(--navy);margin-bottom:18px}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.guide-links>a{display:grid;grid-template-columns:1fr 24px;align-items:center}.guide-links strong{color:var(--teal);font-size:19px}.guide-links span{grid-column:1;font-size:15px;margin-top:5px}.guide-links svg{grid-column:2;grid-row:1/3;color:var(--teal)}
.page-banner{height:166px;position:relative;display:grid;place-items:center;overflow:hidden;background:#fffefa}.page-banner:before,.page-banner:after{width:25%}.page-banner>p{position:relative;z-index:1;font-size:clamp(34px,4.3vw,60px);font-weight:900;letter-spacing:.08em;padding-bottom:12px;line-height:1.3}.page-banner>p span:first-child{color:#b86a09}.page-banner>p span:last-child{color:#237eac}.reading-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:258px minmax(0,1fr);gap:0;background:white}.sidebar{background:var(--sky);padding:25px 18px 80px}.sidebar details{position:sticky;top:25px}.sidebar summary{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:var(--navy);list-style:none;pointer-events:none;line-height:1.4;padding:4px 6px 20px}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary>.icon{width:33px;height:33px;color:var(--blue)}.course-links{display:grid;gap:9px}.course-links>a{display:flex;align-items:center;gap:11px;line-height:1.65;padding:12px 11px;font-size:16px;border-radius:12px}.course-links>a>.icon{width:24px;height:24px;color:#4e778c}.course-links>a[aria-current]{background:#c6e7fa;color:#09588e;font-weight:700}.course-links>a[aria-current]>.icon{color:#09588e}.course-links>a:hover{background:#d6edf9;text-decoration:none}.on-this-page{padding:23px 10px 0;margin-top:21px;border-top:1px solid #cbdfea}.on-this-page h2{font-size:14px;font-weight:700;color:#4a6a7f;margin-bottom:10px}.on-this-page a{display:block;font-size:14px;line-height:1.65;padding:7px 0;color:#3f5e71}.on-this-page a[aria-current]{color:#075e99;font-weight:800}.on-this-page a:hover{color:#075e99}.course-links:empty{display:none}.course-links:empty+.on-this-page{padding-top:2px;margin-top:0;border-top:0}.reading-main{padding:23px 36px 72px;min-width:0;background:white}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:1.7;color:#536879;margin-bottom:12px}.breadcrumb a:hover{color:var(--blue)}.article-header h1{font-size:clamp(29px,3.1vw,42px);font-weight:800;color:#124c7b;line-height:1.4;margin-bottom:16px}.article-header .lead{font-size:18px;line-height:1.95;color:#3d5567}.article-section{margin-top:38px;scroll-margin-top:24px}.article-section>h2{font-size:27px;color:var(--teal);font-weight:800;margin:0 0 17px;line-height:1.5}.article-section h3{font-size:21px;color:var(--navy);margin:26px 0 9px;font-weight:700}.article-section p{margin:0 0 15px;font-size:18px;line-height:1.95}.article-section ul,.article-section ol{margin:10px 0 19px;padding-left:1.6em}.article-section li{padding-left:.18em;margin-bottom:7px;line-height:1.9}.article-section li::marker{color:var(--teal)}.article-section blockquote{margin:22px 0;padding:22px 26px;background:#f1f9f5;border-radius:12px;color:#27594f}.article-section blockquote p:last-child{margin-bottom:0}.article-section strong{font-weight:700}.table-scroll{overflow:auto;max-width:100%;margin:22px 0 28px;border:1px solid var(--line);border-radius:10px;background:#fff;scrollbar-color:#82b6cc #eff7fb;scrollbar-width:thin}.table-scroll:focus-visible{outline-offset:3px}table{border-collapse:collapse;width:100%;min-width:600px;font-size:15px;line-height:1.75;text-align:left;font-variant-numeric:tabular-nums}caption{text-align:left;padding:11px 16px;background:#f2f8fc;color:#31576f;font-size:14px;font-weight:600}th,td{padding:13px 14px;vertical-align:top;border-bottom:1px solid #d8e5ec;border-right:1px solid #d8e5ec;word-break:normal;overflow-wrap:anywhere}tr>*:last-child{border-right:0}tbody tr:last-child>*{border-bottom:0}thead th{color:var(--navy);background:#dff0fc;font-weight:700;white-space:normal}tbody th{color:var(--navy);font-weight:700;background:#f0f7fb;min-width:88px}tbody tr:nth-child(even) td{background:#f8fbfd}table p,table li{font-size:15px!important;line-height:1.75!important}table th:nth-child(n+2),table td:nth-child(n+2){min-width:120px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0 27px;align-items:start}.source-figure{margin:24px auto;max-width:min(720px,var(--source-width,720px));width:100%;min-width:0}.photo-grid>.source-figure{margin:0;justify-self:center}.photo-open{display:block;width:100%;border:0;border-radius:12px;background:#f2f5f5;padding:0;overflow:hidden;position:relative}.photo-open>img{width:100%;max-height:500px;object-fit:contain;margin:auto}.photo-grid .photo-open>img{height:266px;object-fit:contain}.photo-expand{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:#fff;background:#173e50d9;opacity:0;transition:opacity 150ms ease-out}.photo-expand>.icon{width:18px;height:18px}.photo-open:hover .photo-expand,.photo-open:focus-visible .photo-expand{opacity:1}.source-figure figcaption{font-size:14px;line-height:1.7;color:#4b6374;text-align:center;margin:8px 4px 0}.page-turn{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:48px;padding-top:22px}.page-turn a{max-width:48%;font-size:16px;color:var(--blue)}.page-turn a:last-child{text-align:right;margin-left:auto}.page-turn small{display:block;font-size:13px;color:#526579;margin-bottom:4px}.page-turn span{display:flex;align-items:center;gap:9px}.page-turn .icon{width:19px;height:19px}.page-turn a:last-child span{justify-content:end}
.site-footer{padding:48px 20px 40px;margin-top:28px;background:#fffefa url("illustrations/reading-footer.webp") center bottom/cover no-repeat;min-height:240px}.footer-inner{max-width:1000px;margin:auto;text-align:center}.footer-inner .brand{justify-content:center}.footer-inner>p{color:var(--navy);font-size:17px;font-weight:600;margin:13px 0}.footer-inner nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;font-size:14px}.footer-inner>small{display:block;color:#294c55;font-size:12px;margin-top:17px}.reading-page .site-footer{margin-top:0}
.search-page{max-width:950px;min-height:65vh;margin:45px auto 70px;padding:0 30px}.search-page h1{font-size:40px;color:var(--navy);margin:22px 0 12px}.search-page>p{color:#526579}#search-form{margin:30px 0 20px}#search-form label{display:block;font-size:15px;font-weight:700;margin-bottom:9px}.search-field{display:flex;align-items:center;gap:15px;padding:9px 10px 9px 18px;border:1px solid #86b9d0;border-radius:12px;background:white}.search-field>.icon{color:var(--blue)}.search-field input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:18px;padding:7px 0;outline:none}.search-field:focus-within{outline:3px solid #c5e9ef;outline-offset:2px}.search-field input::placeholder{color:#607584}.search-field button{flex-shrink:0;border:0;border-radius:8px;color:white;background:var(--teal);padding:8px 22px}.search-field button:hover{background:#075e5c}#search-clear{margin-top:12px;border:0;background:none;color:var(--blue);font-size:15px;text-decoration:underline;text-underline-offset:.2em}#search-status{font-size:15px;color:#526579;margin:22px 0}#search-results>*{padding:22px 0;border-top:1px solid var(--line)}#search-results h2,#search-results h3{font-size:22px;color:var(--navy);margin:0 0 5px}#search-results p{font-size:16px;line-height:1.8;color:#4b6273;margin:7px 0}#search-results small{font-size:13px;color:#526579}mark{background:#ffe6a5;color:#594411}
#photo-dialog{border:0;background:#fdfefb;border-radius:14px;padding:0;max-width:96vw;max-height:95vh;width:max-content;color:var(--ink);box-shadow:0 18px 60px #00000033}#photo-dialog::backdrop{background:#102d35d9}.photo-viewer{padding:48px 16px 14px;position:relative;max-width:94vw}#photo-image{max-height:74vh;max-width:90vw;width:auto;height:auto;margin:auto;object-fit:contain}.viewer-close{position:absolute;right:9px;top:7px;width:44px;height:44px;border:0;border-radius:50%;background:#e1f1f4;color:var(--navy);display:grid;place-items:center}.viewer-bottom{display:flex;align-items:center;gap:18px;margin-top:12px;justify-content:space-between}.viewer-bottom>div{text-align:center;max-width:65vw}.viewer-bottom>button{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:#dceef4;color:var(--navy)}#photo-caption{font-size:15px;line-height:1.6}#photo-position{font-size:12px;color:var(--soft-ink)}
@media(min-width:1600px){.home-hero{background-size:1600px auto}.page-banner{background-size:1600px auto}}
@media(max-width:1200px){.header-inner{gap:20px;padding:0 22px}#primary-nav{gap:21px}.color-dots{display:none}.core-grid{padding-left:22px;padding-right:22px;gap:12px}.core-card{padding:15px 14px}.core-card header{gap:8px}.core-icon{width:55px;height:55px}.core-icon .icon{width:34px;height:34px}.core-card header p{font-size:12px}.core-card h3{font-size:18px}.core-description{font-size:15px}.core-action{font-size:14px}.growth-intro{grid-template-columns:1.4fr .7fr 1fr;gap:22px}.growth-intro h2{font-size:25px}.programme-guide{margin-left:26px;margin-right:26px}.reading-layout{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:22px 12px}.sidebar summary{font-size:23px}.course-links>a{font-size:15px}.reading-main{padding:22px 28px 55px}.photo-grid .photo-open>img{height:230px}}
@media(max-width:1000px){#primary-nav{gap:16px}#primary-nav>a{font-size:14px}.brand strong{font-size:18px}.brand small{font-size:12px}.brand-mark{width:34px}.brand-mark>.icon{width:34px}.header-inner{gap:16px}.home-hero{height:225px;background-size:auto 360px}.home-hero h1{font-size:62px}.home-hero p{font-size:16px}.core-card header{flex-direction:column;gap:6px}.core-card h2{font-size:29px}.core-card header p{font-size:13px}.core-icon{width:53px;height:53px}.core-description{font-size:15px}.core-card h3{min-height:50px}.growth-intro{grid-template-columns:1.5fr 1fr}.growth-intro-photo{display:none}.page-banner{height:146px;background-size:auto 300px}.page-banner p{font-size:46px}.article-header h1{font-size:32px}.article-section>h2{font-size:25px}}
@media(max-width:820px){:root{--header-height:68px}.header-inner{padding:0 18px}.site-header{height:var(--header-height)}#menu-toggle{display:grid;place-items:center}.header-tools{gap:12px}#primary-nav{display:none;position:absolute;left:0;right:0;top:68px;height:auto;padding:10px 18px 20px;background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:3px;box-shadow:0 10px 18px #18445c12}#primary-nav.is-open{display:grid}#primary-nav>a{height:auto;padding:11px 14px;font-size:16px;border-radius:8px}#primary-nav>a[aria-current]{background:var(--sky);color:var(--blue)}#primary-nav>a[aria-current]:after{display:none}.home-hero{height:250px;background-size:auto 300px;background-position:center bottom}.home-hero h1{font-size:56px}.hero-copy{padding-bottom:35px}.home-hero p{font-size:14px;margin-top:13px;letter-spacing:0}.core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.core-card{padding:18px}.core-card header{flex-direction:row;gap:12px}.core-card h2{font-size:32px}.core-card h3{font-size:21px;min-height:0}.core-description{font-size:16px}.core-icon{width:62px;height:62px}.core-card header p{font-size:13px}.core-action{font-size:16px}.growth-intro{padding:0 20px;margin-top:31px;gap:20px}.growth-intro h2{font-size:26px}.growth-intro p{font-size:15px}.programme-guide{margin:34px 20px 0}.guide-links{gap:20px}.guide-links strong{font-size:17px}.guide-links span{font-size:14px}.reading-layout{display:block}.sidebar{padding:12px 18px;background:var(--sky);border-bottom:1px solid #d2e7f2}.sidebar details{position:static}.sidebar summary{pointer-events:auto;cursor:pointer;padding:3px 0;font-size:18px;gap:10px}.sidebar summary>.icon{width:25px;height:25px}.directory-chevron{display:block;margin-left:auto;width:9px;height:9px;transform:rotate(45deg);border-right:2px solid currentColor;border-bottom:2px solid currentColor;margin-right:6px;align-self:center}.sidebar details[open] .directory-chevron{transform:rotate(225deg)}.directory-content{padding:12px 0}.course-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.course-links>a{font-size:14px;padding:10px;gap:7px}.course-links .icon{width:21px;height:21px}.on-this-page{margin:15px 0 0;padding:15px 8px 0;columns:2;column-gap:20px}.on-this-page h2{column-span:all}.on-this-page a{break-inside:avoid}.reading-main{padding:23px 24px 48px}.article-header h1{font-size:32px}.article-section{margin-top:33px}.article-section>h2{font-size:25px}.article-section p{font-size:17px}.article-header .lead{font-size:17px}.photo-grid .photo-open>img{height:240px}.site-footer{background-size:auto 290px;min-height:285px;padding:38px 20px 35px}.footer-inner nav{gap:10px 20px}.search-page{margin-top:28px;padding:0 20px}.search-page h1{font-size:32px}.page-banner{background-size:auto 270px;height:137px}.page-banner p{font-size:41px;padding-bottom:20px}.article-section{scroll-margin-top:18px}}
@media(max-width:540px){.brand strong{font-size:18px}.brand small{font-size:11px}.brand-mark>.icon{width:35px;height:35px}.home-hero{height:263px;background-size:auto 250px;background-position:center bottom;align-items:flex-start}.hero-copy{padding:20px 0 0}.home-hero h1{font-size:42px;line-height:1.16}.home-hero p{font-size:13px;letter-spacing:0;margin-top:13px}.core-grid{grid-template-columns:1fr;padding:15px 18px;gap:18px}.core-card{border-radius:18px;padding:20px}.core-card header{justify-content:flex-start;gap:18px}.core-card h2{font-size:34px}.core-card header p{font-size:14px}.core-icon{width:66px;height:66px}.core-icon .icon{width:38px;height:38px}.core-photo{aspect-ratio:1.55}.core-card h3{font-size:23px;margin-top:13px}.core-description{font-size:16px;line-height:1.9}.core-action{margin-top:16px;width:100%;max-width:210px;min-height:44px}.growth-intro{grid-template-columns:1fr;margin-top:18px;padding:0 22px;gap:21px}.growth-intro h2{font-size:26px}.growth-links{grid-template-columns:1fr 1fr;gap:9px}.growth-links>a{gap:10px;padding:12px;align-items:flex-start}.growth-links>a>.icon:first-child{width:24px;height:24px}.growth-links>a>.icon:last-child{display:none}.growth-links small{font-size:12px}.growth-links strong{font-size:15px}.programme-guide{margin:32px 22px 0;padding-top:24px}.programme-guide h2{font-size:23px}.guide-links{grid-template-columns:1fr;gap:23px}.guide-links strong{font-size:19px}.guide-links span{font-size:15px}.page-banner{height:126px;background-size:auto 230px;background-position:center 58%}.page-banner>p{font-size:33px;padding-bottom:22px;letter-spacing:.06em}.reading-main{padding:20px 20px 38px}.breadcrumb{font-size:12px;margin-bottom:15px;gap:6px}.article-header h1{font-size:29px}.article-header .lead{font-size:17px;line-height:1.9}.article-section>h2{font-size:24px}.article-section h3{font-size:20px}.article-section p{line-height:1.95}.article-section li{font-size:17px}.photo-grid{grid-template-columns:1fr;gap:19px}.photo-grid .photo-open>img{height:auto;max-height:340px;min-height:0}.photo-expand{opacity:1}.source-figure{margin:23px 0}.source-figure figcaption{font-size:13px}.on-this-page{columns:1;padding-left:3px}.on-this-page a{font-size:14px}.course-links{grid-template-columns:1fr}.course-links>a{font-size:15px}.course-links .icon{width:23px;height:23px}.table-scroll{margin:20px 0 25px}table{font-size:14px}th,td{padding:11px 12px}.page-turn{gap:18px}.page-turn a{font-size:14px}.page-turn .icon{display:none}.footer-inner nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 16px;font-size:12px;max-width:350px;margin:auto}.footer-inner>p{font-size:15px}.site-footer{background-size:auto 290px;min-height:280px;padding-top:35px}.search-page h1{font-size:30px}.search-field{padding-left:12px;gap:9px}.search-field input{font-size:16px}.search-field button{padding:8px 14px}.search-field input::placeholder{font-size:13px}.search-field>.icon{width:20px;height:20px}#photo-dialog{max-width:96vw}.photo-viewer{padding:48px 9px 12px}#photo-image{max-width:90vw;max-height:68vh}.viewer-bottom{gap:10px}.viewer-bottom>div{max-width:60vw}.viewer-bottom>button{width:44px;height:44px}#photo-caption{font-size:13px}}
@media(max-width:540px){.home-hero:before,.home-hero:after,.page-banner:before,.page-banner:after{display:none}.home-hero{background:#fffefa url("illustrations/reading-banner.webp") center bottom/100% auto no-repeat}.page-banner{background:#fffefa url("illustrations/reading-banner.webp") center bottom/100% auto no-repeat}.page-banner>p{font-size:29px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body{font-size:11pt;background:white}.site-header,.page-banner,.sidebar,.site-footer,.photo-expand,.page-turn,.skip-link,#photo-dialog{display:none!important}.reading-layout{display:block}.reading-main{padding:0}.article-header h1{font-size:24pt}.article-section>h2{font-size:18pt}.article-section p,.article-header .lead{font-size:11pt;line-height:1.65}.article-section{break-inside:auto}.source-figure,table tr{break-inside:avoid}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid .photo-open>img{height:180px}.table-scroll{overflow:visible;border:0}table{min-width:0;font-size:9pt}table th:nth-child(n+2),table td:nth-child(n+2){min-width:0}.breadcrumb{font-size:9pt}.article-section{margin-top:24px}}

.search-result-section{font-size:14px;color:var(--teal)}.search-retry{margin-left:12px;border:1px solid var(--teal);background:var(--sky);border-radius:8px;padding:4px 12px;color:var(--teal)}

/* The user-supplied reading photo replaces the illustrated girl on the home banner. */
.home-hero:after{display:none}
.hero-reading-photo{position:absolute;inset:0 0 0 auto;width:32%;height:100%;object-fit:contain;object-position:right center}
@media(max-width:1000px){.home-hero:before{display:none}.home-hero{justify-content:flex-start;padding-left:30px}.hero-copy{text-align:left;padding-bottom:0}.home-hero h1{font-size:clamp(44px,5.4vw,56px)}}
@media(max-width:540px){.home-hero{display:block;height:auto;min-height:0;padding:18px 18px 0;background:#fffefa}.hero-copy{text-align:center;padding:0}.home-hero h1{font-size:42px}.hero-reading-photo{position:relative;inset:auto;width:min(100%,360px);height:auto;margin:8px auto 0}}

.core-action{color:var(--action,var(--core))}

.article-section .table-hint{font-size:14px;line-height:1.6;color:#31576f;margin:17px 0 7px}.table-hint:not([hidden])+.table-scroll{margin-top:0}

/* Scenic reading banner: books and trees left; child and school right. */
@font-face{font-family:"GenSen Banner";src:url("fonts/gensen-banner.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
.page-banner{height:clamp(128px,13.6vw,210px);background:#fffefa;isolation:isolate}
.page-banner:before{display:block;inset:auto auto 0 50%;width:100%;max-width:1600px;height:auto;aspect-ratio:3;transform:translate(-50%,20%);background:url("illustrations/reading-scenic-banner.webp") center/100% 100% no-repeat;mask-image:none;z-index:0}
.page-banner:after{display:none}
.page-banner>p{font-family:"GenSen Banner",var(--font);font-size:clamp(29px,6vw,76px);font-weight:900;line-height:1.25;letter-spacing:.04em;padding:0 3vw 8px 0;white-space:nowrap}
.page-banner>p>span.banner-lead{color:#db790b}
.page-banner>p>span.banner-join{color:#15938f}
.page-banner>p>span.banner-ending{color:#1974a8}
@media(max-width:540px){.page-banner{height:128px}.page-banner>p{align-self:start;padding:23px 0 0;font-size:clamp(29px,6.3vw,34px);letter-spacing:.035em}}

/* Keep the user-provided award panorama legible at its native aspect ratio. */
.source-figure--wide{max-width:min(100%,var(--source-width))}
.source-figure--wide .photo-open>img{display:block;width:100%;height:auto;max-height:none}