:root{--ono-green:#b8d900;--ono-green-deep:#9fc400;--ono-green-soft:#eef8b0;--ono-green-glow:#b8d90047;--ono-gray:#716c70;--ono-gray-deep:#4f4b4e;--ono-ink:#333;--ono-muted:#6b676a;--ono-line:#e4e1e3;--ono-paper:#f7f6f2;--ono-white:#fff;--ono-shadow:0 18px 50px #33333314;--ono-radius:22px;--ono-radius-sm:14px;--header-h:84px;--font:"Heebo", "Assistant", "Segoe UI", Tahoma, sans-serif;color:var(--ono-ink);background:var(--ono-paper);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.65}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 12% -10%, #b8d90038, transparent 36%), radial-gradient(circle at 100% 0%, #716c7014, transparent 28%), var(--ono-paper);min-width:320px;color:var(--ono-ink);overflow-wrap:anywhere;word-break:break-word;margin:0}body.nav-open{overflow:hidden}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1.5px}a:hover{color:var(--ono-gray-deep)}button,input{font:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--ono-green);outline-offset:3px}.skip-link{background:var(--ono-ink);color:var(--ono-white);z-index:100;border-radius:999px;padding:.6rem 1rem;position:absolute;top:-40px;right:16px}.skip-link:focus{top:12px}#root{min-height:100vh}.app-shell{max-width:100vw;min-height:100vh;overflow-x:clip}.container{width:min(1120px,100% - 2rem);max-width:100%;margin-inline:auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f6f2e0;border-bottom:1px solid #716c701f;position:sticky;top:0}.topbar-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.85rem;min-width:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:auto;height:auto;display:block}.brand-logo--header{width:min(240px,52vw);max-height:78px}.brand-logo--hero{width:min(340px,82%);max-height:200px;margin-bottom:.85rem}.brand-logo--footer{width:min(240px,72%);max-height:130px;margin-bottom:.85rem}.brand-logo--mark{width:44px;height:44px}.hero-brand{z-index:1;margin-bottom:.35rem;position:relative}.motif-fan{inset-inline-end:-8%;opacity:.92;pointer-events:none;z-index:0;filter:drop-shadow(0 12px 24px #b8d90040);width:min(42%,280px);height:auto;position:absolute;top:-6%;transform:rotate(8deg)}.motif-wave{inset-inline-start:8%;opacity:.35;pointer-events:none;z-index:0;width:min(46%,260px);position:absolute;bottom:10%}.wave-divider{width:min(1120px,100% - 2rem);margin:.4rem auto .2rem;overflow:hidden}.wave-divider img{object-fit:cover;object-position:center;opacity:.55;width:100%;height:42px}.brand-strip{padding:1.2rem 0 .4rem}.brand-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.brand-strip figure{background:var(--ono-white);border-radius:var(--ono-radius-sm);border:1px solid #716c701a;place-items:center;gap:.55rem;min-height:140px;margin:0;padding:.9rem;display:grid}.brand-strip img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:96px}.brand-strip figcaption{color:var(--ono-muted);text-align:center;font-size:.82rem;font-weight:600}.brand-strip-grid--clean figure:first-child img{max-height:120px}.brand-strip-grid--clean figure:nth-child(3) img{max-height:110px;transform:rotate(12deg)}@media (width>=720px){.brand-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.brand-mark{background:var(--ono-gray);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #716c7040}.brand-mark svg{width:18px;height:18px}.brand-copy{min-width:0}.brand-copy strong{font-size:.98rem;font-weight:800;line-height:1.2;display:block}.brand-copy span{color:var(--ono-muted);white-space:nowrap;text-overflow:ellipsis;max-width:min(46vw,220px);font-size:.78rem;display:block;overflow:hidden}.brand-bar{background:linear-gradient(90deg, var(--ono-green), #d6ef4a 55%, transparent);width:100%;height:4px}.top-actions{align-items:center;gap:.55rem;display:flex}.icon-btn,.btn{appearance:none;cursor:pointer;border:0;border-radius:999px;transition:transform .15s,background .15s,box-shadow .15s}.icon-btn{background:var(--ono-white);width:42px;height:42px;color:var(--ono-ink);border:1px solid var(--ono-line);place-items:center;display:grid}.icon-btn:hover,.btn:hover{transform:translateY(-1px)}.btn{justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ono-green);color:var(--ono-ink);box-shadow:0 10px 24px var(--ono-green-glow)}.btn-primary:hover{background:var(--ono-green-deep);color:var(--ono-ink)}.btn-ghost{background:var(--ono-white);border:1px solid var(--ono-line);color:var(--ono-ink)}.btn-ghost:hover{color:var(--ono-ink)}.desktop-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;max-width:min(58%,640px);display:none}.desktop-nav a{color:var(--ono-muted);border-radius:999px;padding:.4rem .65rem;font-size:.86rem;font-weight:600;text-decoration:none}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ono-ink);background:#b8d9002e}.mobile-nav{z-index:60;opacity:0;pointer-events:none;background:#3333336b;transition:opacity .2s;position:fixed;inset:0}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-panel{background:var(--ono-white);width:min(88vw,360px);height:100%;box-shadow:var(--ono-shadow);flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s;display:flex;position:absolute;top:0;right:0;transform:translate(8%)}.mobile-nav.open .mobile-panel{transform:translate(0)}.mobile-panel header{justify-content:space-between;align-items:center;display:flex}.mobile-panel nav{gap:.35rem;display:grid;overflow:auto}.mobile-panel a{background:var(--ono-paper);border-radius:14px;padding:.85rem .95rem;font-weight:700;text-decoration:none}.mobile-panel a.active{background:var(--ono-green-soft)}.hero{padding:2.2rem 0 1.4rem;position:relative;overflow:hidden}.hero-grid{gap:1.4rem;display:grid}.hero-card{background:var(--ono-white);border-radius:calc(var(--ono-radius) + 6px);box-shadow:var(--ono-shadow);border:1px solid #716c7014;max-width:100%;padding:1.6rem 1.35rem 1.5rem;position:relative;overflow:hidden}.hero-card:before{content:"";background:conic-gradient(from 200deg, var(--ono-green), transparent 55%);opacity:.9;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;left:-90px}.hero-card:after{content:"";inset-inline-end:-40px;pointer-events:none;border:18px solid #b8d90033;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px}.hero-kicker{color:var(--ono-gray-deep);background:#b8d9002e;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.86rem;font-weight:700;display:inline-flex;position:relative}.hero h1{letter-spacing:-.02em;margin:0 0 .65rem;font-size:clamp(1.85rem,4vw,3rem);font-weight:800;line-height:1.15;position:relative}.hero-lead{color:var(--ono-muted);max-width:36rem;margin:0 0 1.2rem;font-size:1.05rem;position:relative}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-bottom:1.2rem;display:flex;position:relative}.hero-meta{flex-wrap:wrap;gap:.6rem;display:flex;position:relative}.chip{background:var(--ono-paper);border:1px solid var(--ono-line);color:var(--ono-gray-deep);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.86rem;font-weight:600;display:inline-flex}.search-panel{background:var(--ono-white);border-radius:var(--ono-radius);box-shadow:var(--ono-shadow);border:1px solid #716c7014;padding:1rem}.search-label{margin-bottom:.55rem;font-weight:700;display:block}.search-box{background:var(--ono-paper);border:1px solid var(--ono-line);border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .85rem;display:flex}.search-box input{background:0 0;border:0;outline:none;width:100%;min-width:0}.search-results{gap:.45rem;margin-top:.85rem;display:grid}.search-results a{background:var(--ono-paper);border:1px solid #0000;border-radius:14px;padding:.75rem .85rem;text-decoration:none;display:block}.search-results a:hover{background:var(--ono-green-soft);border-color:#b8d9008c}.search-results strong{margin-bottom:.15rem;display:block}.search-results span{color:var(--ono-muted);font-size:.9rem}.section-block{padding:1.15rem 0 .35rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:.9rem;display:flex}.section-head h2{margin:.15rem 0 0;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.2}.eyebrow{color:var(--ono-gray);letter-spacing:.02em;font-size:.84rem;font-weight:700}.section-summary{color:var(--ono-muted);max-width:46rem;margin:0}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:100%;display:grid}.topic-card{background:var(--ono-white);border-radius:var(--ono-radius-sm);border:1px solid #716c701a;flex-direction:column;gap:.45rem;min-height:118px;padding:1rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 10px 28px #3333330a}.topic-card:hover{color:inherit;border-color:#b8d900b3;transform:translateY(-2px);box-shadow:0 16px 34px #b8d9001f}.topic-card .icon-wrap{width:38px;height:38px;color:var(--ono-gray-deep);background:#b8d9002e;border-radius:12px;place-items:center;display:grid}.topic-card strong{font-size:1rem}.topic-card span{color:var(--ono-muted);font-size:.9rem}.quick-grid{gap:.75rem;display:grid}.quick-card{border-radius:var(--ono-radius-sm);background:linear-gradient(#fff,#fbfaf7);border:1px solid #716c701a;align-items:flex-start;gap:.85rem;padding:1rem;text-decoration:none;display:flex}.quick-card:hover{color:inherit;border-color:#b8d900bf}.quick-card .icon-wrap{background:var(--ono-green);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.guide-section{scroll-margin-top:calc(var(--header-h) + 18px);padding:1.5rem 0 .4rem}.guide-panel{background:var(--ono-white);border-radius:calc(var(--ono-radius) + 2px);box-shadow:var(--ono-shadow);border:1px solid #716c701a;max-width:100%;padding:1.25rem 1.1rem 1.15rem;overflow:hidden}.guide-panel>header{border-bottom:1px solid var(--ono-line);margin-bottom:1.1rem;padding-bottom:.95rem}.guide-panel>header h2{margin:.2rem 0 .45rem;font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.2}.stack{gap:1rem;min-width:0;max-width:100%;display:grid}.prose p{color:var(--ono-ink);overflow-wrap:anywhere;margin:0 0 .75rem}.prose p:last-child{margin-bottom:0}.callout{border-radius:var(--ono-radius-sm);background:linear-gradient(135deg,#b8d90033,#b8d9000d);border:1px solid #b8d90073;gap:.25rem;margin-top:.85rem;padding:.95rem 1rem;display:grid}.callout strong{font-size:.98rem}.callout a{color:var(--ono-gray-deep);font-weight:700}.card-grid{gap:.75rem;display:grid}.info-card{background:var(--ono-paper);border-radius:var(--ono-radius-sm);border:1px solid #716c7014;padding:1rem}.info-card h3,.block-title{margin:0 0 .45rem;font-size:1.05rem}.info-card p{color:var(--ono-muted);margin:0}.meta-pill{background:var(--ono-white);border:1px solid var(--ono-line);color:var(--ono-gray-deep);border-radius:999px;margin-top:.7rem;padding:.28rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.steps{counter-reset:step;gap:.7rem;display:grid}.step{background:var(--ono-paper);border-radius:var(--ono-radius-sm);grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:.9rem;display:grid}.step-num{background:var(--ono-green);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.step h3{margin:0 0 .25rem;font-size:1rem}.step p{color:var(--ono-muted);margin:0}.checklist{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.checklist li{padding:.75rem .9rem;background:var(--ono-paper);border-radius:12px;padding-inline-start:2.4rem;position:relative}.checklist li:before{content:"";inset-inline-start:.85rem;border-top:7px solid #0000;border-bottom:7px solid #0000;border-inline-start:11px solid var(--ono-green);width:0;height:0;position:absolute;top:1rem}.accordion{gap:.55rem;display:grid}.acc-item{border:1px solid var(--ono-line);border-radius:var(--ono-radius-sm);background:var(--ono-white);overflow:hidden}.acc-trigger{text-align:right;background:var(--ono-paper);cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.95rem 1rem;font-weight:700;display:flex}.acc-trigger[aria-expanded=true]{background:#b8d90029}.acc-panel{padding:0 1rem 1rem}.acc-panel p{color:var(--ono-muted);margin:.75rem 0 0}.acc-panel ul{color:var(--ono-muted);margin:.65rem 0 0;padding-inline-start:1.2rem}.acc-links{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.acc-links a{background:var(--ono-green-soft);border-radius:999px;padding:.35rem .7rem;font-size:.88rem;font-weight:700;text-decoration:none}.note{color:var(--ono-gray-deep);background:#716c7014;border-radius:12px;margin-top:.75rem;padding:.7rem .85rem;font-size:.92rem}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--ono-radius-sm);border:1px solid var(--ono-line);max-width:100%;overflow-x:auto}table{border-collapse:collapse;background:var(--ono-white);width:100%;min-width:480px}th,td{border-bottom:1px solid var(--ono-line);text-align:right;vertical-align:top;padding:.8rem .9rem}th{background:#b8d9002e;font-size:.92rem;font-weight:800}tr:last-child td{border-bottom:0}.contact-grid,.campus-grid,.timeline,.holiday-grid{gap:.7rem;display:grid}.contact-card,.campus-card,.timeline-item,.holiday-card{background:var(--ono-paper);border-radius:var(--ono-radius-sm);border:1px solid #716c7014;padding:.95rem 1rem}.contact-card span,.campus-card span,.timeline-item span,.holiday-card li span{color:var(--ono-muted);font-size:.9rem;display:block}.contact-card strong,.campus-card strong,.timeline-item strong{font-size:1rem}.campus-card a{color:var(--ono-gray-deep);font-weight:700;text-decoration:none}.holiday-card h3{margin:0 0 .55rem;font-size:1rem}.holiday-card ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.holiday-card li{border-top:1px dashed #716c7033;gap:.1rem;padding-top:.45rem;display:grid}.holiday-card li:first-child{border-top:0;padding-top:0}.footer{background:linear-gradient(#0000,#b8d90014);border-top:1px solid #716c701f;margin-top:2rem;padding:1.6rem 0 2.2rem}.footer-grid{gap:1rem;display:grid}.footer strong{margin-bottom:.25rem;display:block}.footer p,.footer small{color:var(--ono-muted)}.footer-links{flex-wrap:wrap;gap:.55rem;display:flex}.footer-links a{background:var(--ono-white);border:1px solid var(--ono-line);border-radius:999px;padding:.4rem .75rem;font-size:.88rem;font-weight:700;text-decoration:none}.back-top{z-index:40;background:var(--ono-gray);width:46px;height:46px;color:var(--ono-white);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:fixed;bottom:1rem;left:1rem;transform:translateY(8px);box-shadow:0 12px 30px #33333338}.back-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width>=720px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid,.campus-grid,.holiday-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{padding:2rem 2rem 1.8rem}.guide-panel{padding:1.5rem 1.45rem 1.35rem}}@media (width>=980px){.desktop-nav{display:flex}.menu-toggle{display:none}.hero-grid{grid-template-columns:1.4fr .9fr;align-items:stretch}.footer-grid{grid-template-columns:1.4fr 1fr;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=420px){.topic-grid,.card-grid,.quick-grid,.contact-grid,.campus-grid,.holiday-grid{grid-template-columns:1fr}.hero-card,.guide-panel,.search-panel{padding-inline:1rem}}@media (width<=520px){.motif-fan{opacity:.55;width:min(36%,160px);top:auto;bottom:8%}.brand-logo--header{width:min(150px,46vw);max-height:56px}.brand-copy span{display:none}}@media (width<=720px){:root{--header-h:64px}body{overflow-x:hidden}.container{padding-inline:1rem}.topbar-inner{gap:.65rem;min-height:64px}.brand{flex:auto;gap:.55rem;min-width:0}.brand-logo--header{width:min(132px,42vw);max-height:48px}.brand-copy strong{font-size:.9rem}.top-actions .btn-primary{display:none}.hero{padding-block:1.25rem .75rem}.hero-grid{grid-template-columns:1fr;gap:1rem}.hero-card h1{font-size:clamp(1.55rem,7vw,2rem);line-height:1.2}.hero-lead{font-size:.98rem}.hero-actions{grid-template-columns:1fr;gap:.65rem;display:grid}.hero-actions .btn{width:100%;min-height:44px}.hero-meta{flex-wrap:wrap}.brand-logo--hero{width:min(220px,70%);max-height:120px}.section-block{padding-block:1.35rem}.section-head{gap:.55rem}.section-head h2{font-size:1.35rem}.topic-grid,.quick-grid,.card-grid{grid-template-columns:1fr;gap:.75rem}.topic-card,.quick-card,.info-card{min-height:0}.guide-panel{border-radius:18px;padding:1.1rem 1rem 1rem}.steps{grid-template-columns:1fr}.table-wrap{margin-inline:-.25rem}table{min-width:520px}.footer-grid{grid-template-columns:1fr;gap:1rem}.brand-logo--footer{width:min(180px,70%);max-height:100px}.back-top{bottom:16px;left:12px;right:auto}.mobile-panel a,.mobile-panel .btn{min-height:44px}}@media (width<=380px){.brand-logo--header{width:min(112px,40vw);max-height:42px}.chip{font-size:.75rem}}