.concept{--ground:#fafafa;--ink:#202224;--accent:#811b20;background:var(--ground);color:var(--ink)}.concept header{border:0;border-radius:0;background:transparent;margin-top:0;padding:24px 32px}.concept nav{font-size:14px}.concept .brand img{mix-blend-mode:normal}.concept .hero{padding:48px 0 72px;min-height:580px;grid-template-columns:1.05fr 1fr;gap:48px}.concept h1{font-size:64px;line-height:1.13;letter-spacing:-2px;color:var(--ink)}.concept .term-label{font-size:14px;margin-bottom:32px;letter-spacing:0;color:var(--ink)}.concept-description{font-size:16px;line-height:1.8;max-width:29ch;margin:24px 0 32px}.concept .hero .primary{background:var(--accent);color:#fff;border-radius:999px;padding:16px 24px;width:260px;font-size:14px}.concept .primary svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.concept-object{height:460px;padding:24px;position:relative;display:flex;flex-direction:column;overflow:hidden}.object-head,.object-footer{display:flex;justify-content:space-between;font-size:12px;position:relative;z-index:1}.object-footer{margin-top:auto}.kinetic-title{margin:auto 0;display:flex;flex-direction:column;font-size:100px;line-height:.88;letter-spacing:-6px;font-weight:600}.kinetic-title span{display:block}.live-plan{position:relative;z-index:1}.live-empty{font-size:12px}.plan-line{padding:8px 0;display:flex;justify-content:space-between;gap:12px;animation:plan-arrival .6s cubic-bezier(.16,1,.3,1)}.plan-line strong{font-size:16px}.plan-line strong small{font-size:10px;font-weight:400;margin-left:8px}.plan-line>span{font-size:11px;align-self:center}.has-plan .kinetic-title{font-size:64px;line-height:.95;margin:24px 0}.concept .planner{padding-top:48px;border-top:0}.concept .section-heading h2{font-size:32px;letter-spacing:-1px}.concept .workspace{gap:24px}.concept .schedule-panel,.concept .summary,.concept form{box-shadow:none;border-radius:12px}.concept .schedule-panel{border-color:#dcdcdc;background:#fff}.concept .original-table thead th{background:var(--accent);color:#fff}.concept .original-table th,.concept .original-table td{border-color:#dededc}.concept .original-table tbody th{background:#f0f0ee}.concept .original-table td{background:#fff}.concept .original-table .course:hover{background:#eee}.concept .original-table .course.chosen{background:var(--accent);border-radius:4px}.concept .original-table .course{transition:background .25s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.concept .original-table .chosen .check{background:#fff;border-color:#fff;color:var(--accent);animation:check-in .4s cubic-bezier(.16,1,.3,1)}.concept .original-table .course-code{color:#272925}.concept .original-table .chosen .course-code,.concept .original-table .chosen .course-code>span{color:#fff}.concept .summary{background:#f0f0ee;color:#202224;padding:24px}.concept .summary-stat strong{color:var(--accent)}.concept .summary h3{font-size:20px}.concept .summary-heading,.concept .summary-stat>span,.concept .summary-bottom p,.concept .summary-bottom>span,.concept .selected-item small,.concept .selected-item div>span{color:#62655d}.concept .summary-bottom{border-color:#d4d7ce}.concept .summary-bottom .primary{background:var(--accent);color:#fff;border-radius:999px}.concept .summary .selected-item{border-color:#d4d7ce}.concept .table-toolbar,.concept .source-note,.concept .table-foot{color:#64675e}.concept .original-table .saturday-header th{background:#e6e6e0;color:#333}.concept .details{border:0;margin-top:0;padding-top:64px}.concept form{background:#fff;border:0}.concept .details-intro h2{font-size:36px}.concept .details-intro>p:not(.eyebrow){font-size:14px;color:#64675e}.concept .primary{background:var(--accent)}.concept .field-help,.concept .preview-notice{color:#66695f}.concept footer{border:0;font-size:11px;color:#64675e;margin-top:48px}.concept .reveal{opacity:1;transform:none;transition:none}.concept .preview-badge{font-size:11px}.concept input{caret-color:var(--accent)}.concept ::selection{background:var(--accent);color:white}.concept a:focus-visible,.concept button:focus-visible{outline-color:var(--accent)}
/* A: a lively contemporary school publication, built around the student's own week. */
.concept-studio{--ground:#f4f4ee;--ink:#262b22;--accent:#811b20}.concept-studio .concept-object{background:#d9f073;color:#293520;border-radius:0 80px 0 0;transform:rotate(2deg)}.concept-studio .kinetic-title{font-weight:600;letter-spacing:-5px}.concept-studio .kinetic-title span:last-child{align-self:end}.concept-studio .object-footer{padding-top:24px}.concept-studio .section-heading{align-items:center}.concept-studio .grade{color:#26321c}.concept-studio .summary{background:#d9f073;color:#293520}.concept-studio .summary-stat strong{color:#293520}.concept-studio .hero{border-bottom:16px solid #d9f073}.concept-studio .concept-object:hover{transform:rotate(0);transition:transform .7s cubic-bezier(.16,1,.3,1)}
/* B: a full-field typographic opening; the course board stays light for work. */
.concept-motion{--ground:#f8f8f6;--ink:#201c20;--accent:#811b20}.concept-motion .hero{position:relative;background:#751b27;color:#fff5ee;margin:0 -48px;padding:64px 48px 80px;gap:48px}.concept-motion .hero h1,.concept-motion .hero .term-label{color:#fff5ee}.concept-motion .hero h1{font-size:72px}.concept-motion .hero .primary{background:#f1a090;color:#34131b}.concept-motion .concept-object{background:#571221;color:#f4a190;border:0;padding:24px;clip-path:inset(0);animation:curtain 1.2s cubic-bezier(.16,1,.3,1) both}.concept-motion .kinetic-title{font-size:104px;color:#f4a190}.concept-motion .kinetic-title span:first-child{animation:word-settle 1.3s cubic-bezier(.16,1,.3,1) both}.concept-motion .kinetic-title span:last-child{animation:word-settle 1.5s cubic-bezier(.16,1,.3,1) both}.concept-motion .object-head{color:#f3c2b7}.concept-motion .object-footer{color:#f3c2b7}.concept-motion .summary{background:#571221;color:#fff5ee}.concept-motion .summary-stat strong{color:#f4a190}.concept-motion .summary-heading,.concept-motion .summary-stat>span,.concept-motion .summary-bottom p,.concept-motion .summary-bottom>span,.concept-motion .selected-item small,.concept-motion .selected-item div>span{color:#e2b4b1}.concept-motion .summary-bottom .primary{background:#f4a190;color:#34131b}
/* C: a working planner; a live personal timetable replaces the promotional opening. */
.concept-flow{--ground:#edf1f4;--ink:#152c3b;--accent:#811b20}.concept-flow .hero{min-height:480px;grid-template-columns:1fr 1.15fr;gap:48px;padding-top:32px}.concept-flow h1{font-size:56px}.concept-flow .concept-object{background:#fff;border-radius:16px;height:400px;padding:32px}.concept-flow .kinetic-title{font-size:72px;color:#cdd9df}.concept-flow .kinetic-title span:last-child{align-self:end}.concept-flow .object-head{font-size:14px;color:#152c3b}.concept-flow .live-empty{display:block;background:#edf1f4;border-radius:8px;padding:16px;color:#536b79}.concept-flow .live-plan{margin-top:24px}.concept-flow .has-plan .kinetic-title{display:none}.concept-flow .plan-line{background:#edf1f4;border-radius:8px;padding:12px;margin-bottom:8px}.concept-flow .object-footer{color:#536b79}.concept-flow .summary{background:#dce7ec}.concept-flow .summary-stat strong{color:#152c3b}.concept-flow .details{background:#dce7ec;border-radius:16px;padding:40px;margin-top:48px}.concept-flow .section-heading h2{color:#152c3b}.concept-flow .original-table thead th{background:#152c3b}.concept-flow .summary-bottom .primary{background:#152c3b}
@keyframes curtain{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes word-settle{from{transform:translateY(60px);opacity:.1}to{transform:none;opacity:1}}@keyframes plan-arrival{from{transform:translateY(12px);opacity:.3}to{transform:none;opacity:1}}@keyframes check-in{from{transform:scale(.5)}to{transform:scale(1)}}
@media(max-width:760px){.concept header{padding:12px 0;margin:0 20px}.concept .hero{display:flex;gap:32px;padding:32px 0;min-height:0}.concept h1,.concept-motion .hero h1,.concept-flow h1{font-size:36px;letter-spacing:-1px;line-height:1.2}.concept .term-label{font-size:12px;margin-bottom:20px}.concept-description{font-size:14px;max-width:27ch;margin:16px 0 24px}.concept .hero .primary{width:240px;font-size:13px;padding:12px 20px}.concept-object{width:100%;height:340px;padding:24px}.kinetic-title{font-size:80px;letter-spacing:-4px}.object-head,.object-footer{font-size:10px}.concept .planner{margin-left:-12px;margin-right:-12px;padding-top:32px}.concept .section-heading h2{font-size:22px}.concept .section-heading{gap:8px}.concept .section-heading p{font-size:10px}.concept .grade{font-size:30px}.concept .summary{padding:24px;margin:0 12px}.concept .summary-stat{margin:16px 0}.concept .details{padding:40px 0}.concept .details-intro h2{font-size:30px}.concept .table-toolbar{padding:8px}.concept .details-intro>p:not(.eyebrow){font-size:12px}.concept .preview-badge{font-size:9px}.concept-studio .hero{border-bottom-width:8px}.concept-studio .concept-object{transform:rotate(0);border-radius:0 48px 0 0}.concept-motion .hero{margin:0 -20px;padding:32px 20px 40px}.concept-motion .concept-object{height:320px}.concept-motion .kinetic-title{font-size:80px}.concept-flow .hero{padding-top:32px;gap:32px}.concept-flow .concept-object{height:340px;padding:24px}.concept-flow .kinetic-title{font-size:64px}.concept-flow .details{padding:24px 12px}.concept .plan-line{display:block}.concept .plan-line>span{display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.concept *{animation:none!important;transition:none!important}}
.concept-object{width:100%;min-width:0}.concept .swipe-hint{background:#f0f0ee;color:#595f54}.concept-motion .kinetic-title{color:#f4a190}.concept-motion .concept-object{animation-duration:.9s}