*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 "Segoe UI","Microsoft JhengHei",sans-serif;background:var(--bg);color:var(--text)}body[data-theme=mercury]{--bg:#10161b;--panel:#182127;--soft:#202c34;--text:#edf3f4;--muted:#b0bfc5;--line:#33434c;--accent:#c1e5e8;--on-accent:#122b32;--radius:6px;--display:"Segoe UI","Microsoft JhengHei",sans-serif}body[data-theme=archive]{--bg:#f4efe4;--panel:#f9f6ee;--soft:#eae2d2;--text:#292c25;--muted:#686858;--line:#cfc8b8;--accent:#34463b;--on-accent:#fffaf0;--radius:2px;--display:Georgia,"Noto Serif TC","PMingLiU",serif}body[data-theme=sylva]{--bg:#edf1e6;--panel:#f7f8f1;--soft:#e1e7d8;--text:#24392d;--muted:#536752;--line:#c3cfba;--accent:#355940;--on-accent:#f7faef;--radius:22px;--display:Georgia,"Noto Serif TC","PMingLiU",serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}input,select{width:100%;min-width:0;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}input::placeholder{color:var(--muted);opacity:1}button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.site-frame{max-width:1480px;margin:auto;padding:0 5%}.skip{position:fixed;z-index:50;top:-100px;left:12px;padding:10px;background:var(--accent);color:var(--on-accent)}.skip:focus{top:12px}.site-header{display:flex;align-items:center;gap:2.5rem;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:.75rem;align-items:center;font-size:1.3rem;font-weight:650;letter-spacing:-.04em;line-height:1.25}.brand small{display:block;font-size:.58rem;letter-spacing:.16em;color:var(--muted);margin-top:.35rem;font-weight:400}.brand-symbol{width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;font:italic 1.8rem Georgia;color:var(--accent)}.site-header nav{display:flex;gap:1.8rem;align-self:stretch;margin-left:auto}.site-header nav a{display:flex;align-items:center;font-size:.87rem;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted)}.site-header nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.header-tools{display:flex;align-items:center;gap:1.5rem}.theme-toggle{min-height:42px;padding:.4rem .8rem;font-size:.8rem;white-space:nowrap}.theme-toggle span{margin-left:1rem}.login{font-size:.8rem;white-space:nowrap}.login span{margin-left:.3rem}#main:focus{outline:none}.eyebrow{font:600 .67rem/1.7 "Segoe UI",sans-serif;letter-spacing:.17em;color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:545px;gap:2rem;padding:3.5rem 0}.hero h1{font:600 clamp(2.5rem,4.3vw,4.5rem)/1.23 var(--display);letter-spacing:-.04em;margin:1.1rem 0 1.5rem}.hero-description{font-size:1rem;color:var(--muted);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap;margin:2.3rem 0}.button{display:inline-flex;gap:1.6rem;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:.8rem 1.2rem;min-height:46px;font-size:.85rem}.button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.button:hover{filter:brightness(1.07)}.text-link{font-size:.82rem;display:inline-flex;gap:.9rem;align-items:center;min-height:42px}.text-link:hover{text-decoration:underline}.hero-foot{color:var(--muted);font-size:.72rem;letter-spacing:.08em}.hero-art{min-width:0;height:370px;position:relative}.metal-hero{height:100%;position:relative}.metal-hero canvas{display:block;width:100%;height:100%;position:relative}.metal-orbit{position:absolute;inset:8% 10%;border:1px solid var(--line);border-radius:50%;transform:rotate(-23deg)}.metal-orbit::after{content:"";position:absolute;inset:-13%;border:1px solid #33434c70;border-radius:50%}.art-label{position:absolute;right:0;bottom:0;font:11px monospace;letter-spacing:.2em;color:var(--muted)}.shader-fallback::before{content:"";position:absolute;inset:16% 21%;border-radius:46% 54% 45% 55%;border:29px solid #a2b2bd;box-shadow:inset 5px 8px 15px #25333f,7px -6px 13px #eef8fc80;transform:rotate(-22deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;margin:0 0 1.6rem}.section-heading h2{font:600 1.5rem/1.4 var(--display);margin-top:.35rem}.section-aside{font-size:.8rem;color:var(--muted)}.spaces{padding:1.4rem 0 3.6rem}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.space{position:relative;display:block;min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.7rem;background:var(--panel);min-height:218px;overflow:hidden}.space-top{display:flex;align-items:center;justify-content:space-between;font-size:.67rem;color:var(--muted);letter-spacing:.07em}.space strong{display:block;font-size:1.7rem;letter-spacing:-.04em;margin:2.2rem 0 .35rem;font-weight:500}.space p{font-size:.77rem;color:var(--muted);max-width:80%;position:relative;z-index:1}.space-drawing{display:block;position:absolute;right:1.5rem;top:3.8rem;width:60px;height:60px;opacity:.45}.space-drawing i{position:absolute;display:block;width:28px;height:35px;border:1px solid var(--accent);transform:rotate(15deg);top:5px;left:20px}.space-drawing i:nth-child(2){left:10px;top:13px;transform:rotate(0)}.space-drawing i:nth-child(3){left:0;top:20px;transform:rotate(-15deg)}.space-cork .space-drawing i{width:24px;height:24px;transform:rotate(0);border-radius:4px}.space-forum .space-drawing i{border-radius:50%;transform:none}.space:hover{border-color:var(--accent)}.course-section{padding:1rem 0 3rem}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.course{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.course-cover{display:none}.course-body{padding:1.5rem;min-width:0}.course-meta{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-size:.68rem;color:var(--muted)}.course-meta span{font-family:monospace;font-weight:bold;color:var(--accent)}.course h3{margin:1.15rem 0;font-size:1.18rem;overflow-wrap:anywhere}.course-description{font-size:.8rem;color:var(--muted);margin:.7rem 0 1.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}details{margin-top:1.3rem;border-top:1px solid var(--line)}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0 0;min-height:44px;font-size:.76rem;list-style:none}summary::-webkit-details-marker{display:none}summary>span{color:var(--muted)}details[open] summary{font-weight:600}details[open] summary span span{display:inline-block;transform:rotate(45deg)}.module-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.module-links a{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.76rem;padding:.55rem .6rem;background:var(--soft);border-radius:var(--radius);min-height:42px}.module-links a:hover{text-decoration:underline}.module-links p{font-size:.8rem;color:var(--muted);grid-column:1/-1}.filter-bar{display:flex;align-items:end;gap:1rem;margin:1.8rem 0}.filter-bar label{min-width:0;flex:1}.filter-bar .search-field{flex:2}.filter-bar label>span{display:block;font-size:.74rem;color:var(--muted);margin-bottom:.45rem}.result-count{font-size:.76rem;color:var(--muted);margin:1.2rem 0}.data-state{padding:3rem 1.5rem;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);margin:1rem 0}.data-state h3{color:var(--text);margin-bottom:.8rem}.data-state p{margin:.5rem auto 1.4rem;max-width:540px;font-size:.9rem}.data-state .text-link{margin-left:1.3rem}.loading-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:.7rem;animation:breathe 1.5s ease-in-out infinite}.page-heading{padding:3.5rem 0 1.5rem}.page-heading h1{font:600 clamp(2rem,3.4vw,3.3rem)/1.25 var(--display);letter-spacing:-.035em;margin:.7rem 0 1rem}.page-heading>p:last-child{color:var(--muted);font-size:.93rem;max-width:620px}.resource-list{border-top:1px solid var(--line)}.resource{display:flex;gap:1.7rem;align-items:start;border-bottom:1px solid var(--line);padding:1.6rem .5rem}.resource-number{font:12px monospace;color:var(--muted);padding-top:.2rem;min-width:2rem}.resource-body{flex:1;min-width:0}.resource h2{font-size:1.05rem;margin:.4rem 0 .6rem;overflow-wrap:anywhere}.resource-summary{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:780px}.tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.8rem}.tags span{font-size:.66rem;color:var(--muted);padding:.13rem .45rem;border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere}.resource-link{font-size:.75rem;min-height:44px;display:flex;gap:.7rem;align-items:center;flex-shrink:0;margin-top:.5rem}.resource-link:hover{text-decoration:underline}.pagination{display:flex;gap:1.5rem;align-items:center;justify-content:center;margin:2rem 0;font-size:.8rem}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1.5rem}.management-card{background:var(--panel);padding:2rem;border:1px solid var(--line);border-radius:var(--radius)}.management-card h2{font:600 1.65rem/1.4 var(--display);display:flex;justify-content:space-between;margin:1rem 0}.management-card p,.management-note{font-size:.88rem;color:var(--muted)}.management-card .text-link{margin-top:1.5rem}.management-card:hover{border-color:var(--accent)}.management-note{padding:2rem 0}.site-frame footer{display:flex;gap:2rem;align-items:center;border-top:1px solid var(--line);padding:2rem 0 2.5rem;margin-top:2rem;font-size:.73rem;color:var(--muted)}footer .footer-brand{font-size:1.15rem;color:var(--text);font-weight:600}footer>div{display:flex;gap:1.5rem;margin-left:auto;flex-wrap:wrap}footer a:hover{text-decoration:underline}
/* Archive changes the composition into a masthead, editorial spread and bookshelves. */
body[data-theme=archive] .site-header{flex-wrap:wrap;justify-content:space-between;gap:0;padding-top:1.4rem}.site-header .brand-symbol{flex-shrink:0}body[data-theme=archive] .brand{font-family:Georgia,serif;font-size:1.75rem}body[data-theme=archive] .brand-symbol{border-radius:0;border-color:var(--text)}body[data-theme=archive] .site-header nav{order:3;width:100%;justify-content:center;margin:1.25rem 0 0;border-top:1px solid var(--line);gap:3rem;min-height:53px}body[data-theme=archive] .hero{grid-template-columns:1fr 1.2fr;padding:4rem 0 3.5rem;min-height:545px}body[data-theme=archive] .hero h1{font-weight:400;line-height:1.36}body[data-theme=archive] .hero-art{height:340px}.hero-books{position:relative;display:flex;align-items:end;justify-content:center;gap:.55rem;padding:30px 4% 24px;height:100%;border-bottom:10px solid #c0af8c;box-shadow:0 22px 23px -24px #4b432e}.book{position:relative;width:30%;max-width:165px;height:260px;padding:1rem 1.1rem;color:#f2ead6;background:#354c40;box-shadow:inset 7px 0 0 #ffffff15,inset 10px 0 0 #0002,6px 5px 10px #322b202b;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:space-between}.book small,.book>span{font:9px/1.7 Georgia,serif;letter-spacing:.13em}.book strong{font:400 2.15rem/1.4 Georgia,"PMingLiU",serif}.book-b{height:282px;background:#985e43;transform:rotate(2deg);z-index:2}.book-c{height:243px;background:#c2b68e;color:#3c493a;transform:rotate(7deg)}body[data-theme=archive] .spaces{border-top:1px solid var(--line);padding-top:2rem}body[data-theme=archive] .space-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}body[data-theme=archive] .space{border:0;border-right:1px solid var(--line);background:transparent;padding:1.5rem 1.8rem;min-height:200px}body[data-theme=archive] .space:last-child{border-right:0}body[data-theme=archive] .space strong{font:400 1.85rem Georgia,serif;margin-top:1.8rem}body[data-theme=archive] .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}body[data-theme=archive] .course{display:flex;border:0;border-bottom:1px solid var(--line);padding-bottom:1.5rem;background:transparent;overflow:visible}body[data-theme=archive] .course-cover{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 105px;align-self:start;min-height:170px;padding:1rem .75rem 1rem 1.1rem;background:#415346;color:#f3e8cd;box-shadow:inset 6px 0 0 #ffffff1a,3px 3px 0 #bbae90;margin-top:.7rem;transform:rotate(-2deg)}body[data-theme=archive] .course-cover strong{font:600 .86rem Georgia,serif;overflow-wrap:anywhere}.course-cover small,.course-cover>span{font:9px/1.5 Georgia,serif;letter-spacing:.06em}body[data-theme=archive] .course-body{padding:.5rem 0 .5rem 1.3rem;flex:1}body[data-theme=archive] .course h3{font:600 1.25rem/1.6 var(--display);margin:.55rem 0}body[data-theme=archive] .course-1 .course-cover{background:#99654c;transform:rotate(2deg)}body[data-theme=archive] .course-2 .course-cover{background:#657072}body[data-theme=archive] .course-3 .course-cover{background:#9d8f63;transform:rotate(2deg)}body[data-theme=archive] .course-4 .course-cover{background:#525645}body[data-theme=archive] .resource h2{font-family:var(--display);font-size:1.25rem}body[data-theme=archive] .resource-number{font:italic 1.2rem Georgia,serif}
/* Sylva uses an open landscape, clustered navigation and alternating pathways. */
body[data-theme=sylva] .brand-symbol{border-radius:50% 50% 0 50%;background:var(--accent);color:var(--on-accent)}body[data-theme=sylva] .site-header{border:0}body[data-theme=sylva] .site-header nav{border-radius:60px;padding:.25rem .9rem;background:#e1e7d8;gap:.3rem;align-self:center}body[data-theme=sylva] .site-header nav a{padding:.45rem .8rem;border:0;border-radius:40px}body[data-theme=sylva] .site-header nav a[aria-current=page]{background:var(--panel)}body[data-theme=sylva] .hero{background:#e1e7d7;border-radius:42px 120px 42px 42px;margin:1rem 0 3rem;padding:3.2rem 3.4rem;gap:0;min-height:480px;position:relative;overflow:hidden;grid-template-columns:1.05fr 1fr}body[data-theme=sylva] .hero-copy{position:relative;z-index:1}body[data-theme=sylva] .hero h1{font-weight:400;font-size:clamp(2.5rem,4vw,4.1rem);line-height:1.4}body[data-theme=sylva] .hero-art{align-self:end;margin-right:-3.4rem;margin-bottom:-3.2rem;height:auto}.landscape{display:block;width:100%;height:auto;min-height:280px;object-fit:cover}body[data-theme=sylva] .hero-foot{font-size:.66rem}body[data-theme=sylva] .hero-actions{gap:1.1rem}body[data-theme=sylva] .space-grid{gap:1.4rem}body[data-theme=sylva] .space{border:0;min-height:215px;padding:1.7rem 1.9rem;border-radius:28px 60px 28px 28px}body[data-theme=sylva] .space:nth-child(2){border-radius:60px 28px 28px 28px;background:#e4e9da}body[data-theme=sylva] .space:nth-child(3){background:#e9e5d7}body[data-theme=sylva] .space strong{font:400 1.9rem Georgia,serif}body[data-theme=sylva] .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2rem}body[data-theme=sylva] .course{border:0;border-radius:28px;padding:.5rem 1rem;background:var(--panel)}body[data-theme=sylva] .course:nth-child(even){transform:translateY(1.2rem);background:#e2e8da}body[data-theme=sylva] .course-body{padding:1.3rem}body[data-theme=sylva] .course h3{font-family:var(--display);font-size:1.4rem}body[data-theme=sylva] .module-links a{background:#d7e0cc}body[data-theme=sylva] .resource-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}body[data-theme=sylva] .resource{border:0;flex-wrap:wrap;gap:.7rem 1rem;padding:1.5rem;background:var(--panel);border-radius:24px}body[data-theme=sylva] .resource-number{width:100%}body[data-theme=sylva] .resource-body{flex-basis:100%}body[data-theme=sylva] .resource h2{font-family:var(--display);font-size:1.3rem}body[data-theme=sylva] .resource-link{margin-left:auto}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;width:min(540px,94vw);max-height:90dvh;overflow:auto;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#101a1877;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dialog-heading h2{font:600 1.5rem/1.5 var(--display);margin-top:.3rem}.close-button{font-size:1.4rem;width:44px;height:44px;flex-shrink:0}.dialog-description{font-size:.8rem;color:var(--muted);margin:.8rem 0 1.2rem}.theme-choices{display:grid;gap:.8rem}.theme-choice{display:flex;gap:1rem;text-align:left;padding:1rem;align-items:center;min-height:100px}.theme-choice[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.theme-choice strong{font-size:.84rem;display:block}.theme-choice small{font-size:.73rem;color:var(--muted);display:block;margin-top:.4rem}.theme-sample{display:flex;width:74px;height:57px;flex-shrink:0;align-items:center;justify-content:center;gap:3px;overflow:hidden}.sample-mercury{background:#172128}.sample-mercury i{width:13px;height:35px;background:#455965}.sample-mercury i:nth-child(2){background:#b9dbe0;height:20px}.sample-archive{background:#e8dec6}.sample-archive i{width:17px;height:36px;background:#46604d;transform:rotate(-9deg);border-left:2px solid #23362e}.sample-archive i:nth-child(2){background:#a36746;height:41px;transform:rotate(3deg)}.sample-sylva{background:#dbe5c8;border-radius:40px 20px 30px 20px}.sample-sylva i{width:22px;height:35px;border-radius:30px 0;background:#54704b;transform:rotate(-25deg)}.sample-sylva i:nth-child(2){background:#8c9d6d;transform:rotate(25deg)}.motion-option{display:flex;justify-content:space-between;align-items:center;padding-top:1.4rem;margin-top:1.3rem;border-top:1px solid var(--line);font-size:.85rem}.motion-option input{width:20px;height:20px;accent-color:var(--accent)}#notice{position:fixed;bottom:1rem;left:5%;right:5%;pointer-events:none;text-align:center;font-size:.85rem;z-index:100}#notice:not(:empty){padding:1rem;background:var(--accent);color:var(--on-accent);border-radius:var(--radius)}.no-script{padding:1rem;background:#fff4cd;color:#362b16}.no-script a{text-decoration:underline}.preflight{max-width:820px;padding:3rem 1.5rem;margin:auto}.preflight h1{margin-bottom:1rem}.preflight p{color:var(--muted);margin:1rem 0}.preflight li{padding:1rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.preflight strong{color:var(--text)}.preflight ul{list-style:none;padding:0}.preflight .passed{color:#82c69a}.preflight .failed{color:#f6b9a6}
@keyframes breathe{50%{opacity:.3}}body.paused *,body.paused *::before,body.paused *::after{animation:none!important;transition:none!important}body.paused{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.site-frame{padding:0 74px}}
@media(max-width:1100px){.site-header{gap:1.5rem;flex-wrap:wrap;padding:1.2rem 0}.header-tools{margin-left:auto;gap:1rem}.site-header nav{order:3;width:100%;margin:0;justify-content:center;min-height:42px;gap:2rem}.hero{min-height:500px}.hero h1{font-size:3rem}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{height:310px}body[data-theme=sylva] .hero{padding:2.2rem;grid-template-columns:1fr 1fr}body[data-theme=sylva] .hero-art{margin-right:-2.2rem;margin-bottom:-2.2rem}body[data-theme=sylva] .hero h1{font-size:2.7rem}.space{padding:1.25rem}.space p{max-width:100%}.space-drawing{opacity:.25}}
@media(max-width:760px){.site-frame{padding:0 5%}.site-header nav{gap:1.1rem;flex-wrap:wrap}.site-header nav a{font-size:.8rem;min-height:44px}.site-header .login{display:none}.hero{grid-template-columns:1fr;gap:.5rem;padding:2.8rem 0 2rem}.hero h1{font-size:2.85rem}.hero-art{height:220px;width:90%;margin:0 auto}.hero-actions{margin:1.8rem 0}.hero-description{font-size:.9rem}.hero-foot{font-size:.65rem}.hero-copy{max-width:100%}.space-grid{grid-template-columns:1fr}.space{min-height:170px;padding:1.4rem 1.5rem}.space strong{margin-top:1.3rem}.space p{font-size:.8rem}.space-drawing{top:3.7rem;right:1.8rem}.spaces{padding-bottom:2.2rem}.section-aside{display:none}.course-grid{grid-template-columns:1fr}.course-body{padding:1.3rem}.filter-bar{flex-wrap:wrap;gap:.7rem}.filter-bar .search-field{flex-basis:100%}.filter-bar label{flex-basis:40%;max-width:100%}.filter-bar select{font-size:.8rem}.section-heading h2{font-size:1.4rem}.page-heading{padding:2.7rem 0 1rem}.page-heading h1{font-size:2.4rem}.resource{flex-wrap:wrap;gap:.8rem}.resource-body{flex-basis:calc(100% - 3rem)}.resource-link{margin-left:2.8rem;margin-top:0}.resource-summary{-webkit-line-clamp:3}.management-grid{grid-template-columns:1fr;gap:1rem}.management-card{padding:1.5rem}.site-frame footer{flex-wrap:wrap;gap:1rem}footer>div{margin-left:0;flex-basis:100%;gap:1.5rem}body[data-theme=archive] .site-header nav{gap:1.6rem}body[data-theme=archive] .hero{grid-template-columns:1fr;padding:2.8rem 0}.hero-books{max-width:390px;margin:auto;padding-top:0}.book{height:190px;padding:.7rem .8rem}.book-b{height:208px}.book-c{height:180px}.book strong{font-size:1.6rem}.book small,.book>span{font-size:8px}body[data-theme=archive] .hero-art{height:250px;margin-top:1rem;width:100%}body[data-theme=archive] .space-grid{grid-template-columns:1fr}body[data-theme=archive] .space{border-right:0;border-bottom:1px solid var(--line);min-height:165px}body[data-theme=archive] .space:last-child{border-bottom:0}body[data-theme=archive] .course-grid{grid-template-columns:1fr}body[data-theme=archive] .course-cover{flex-basis:85px;min-height:150px;padding:1rem .6rem 1rem 1rem}body[data-theme=archive] .course-body{padding-left:1.1rem}body[data-theme=archive] .course h3{font-size:1.1rem}body[data-theme=sylva] .hero{grid-template-columns:1fr;padding:2rem 1.5rem 0;border-radius:28px 65px 28px 28px;margin-bottom:2rem}body[data-theme=sylva] .hero h1{font-size:2.5rem}body[data-theme=sylva] .hero-art{margin:1.3rem -1.5rem 0;width:calc(100% + 3rem)}.landscape{min-height:0;max-height:250px}body[data-theme=sylva] .site-header nav{flex-wrap:wrap;border-radius:18px;gap:0;padding:.2rem .3rem}body[data-theme=sylva] .site-header nav a{padding:.3rem .65rem}body[data-theme=sylva] .space{min-height:185px}body[data-theme=sylva] .course-grid,body[data-theme=sylva] .resource-list{grid-template-columns:1fr}body[data-theme=sylva] .course:nth-child(even){transform:none}body[data-theme=sylva] .course{padding:0}.theme-choice{padding:.8rem;gap:.8rem}.theme-sample{width:58px;height:52px}dialog{padding:1.3rem}.theme-choice strong{font-size:.8rem}.theme-choice small{font-size:.7rem}.module-links{gap:.35rem}.module-links a{padding:.5rem;font-size:.72rem}}
@media(forced-colors:active){.hero-art,.space-drawing,.course-cover,.theme-sample{display:none}.space,.course,.resource,.management-card{border:1px solid CanvasText}.button.primary,.theme-choice[aria-pressed=true]{border:2px solid Highlight}}
body[data-theme=mercury] .hero-art{overflow:clip}.book strong{font-size:clamp(1.3rem,2.5vw,2rem)}
@media(max-width:760px){.hero h1{font-size:clamp(2rem,8.5vw,2.85rem)}body[data-theme=sylva] .hero h1{font-size:clamp(1.8rem,8vw,2.5rem)}}

/* Keep diagnostic endpoint URLs readable on narrow screens. */
.preflight p{overflow-wrap:anywhere}