@layer components{.k-head{flex-direction:column;gap:4px;margin-block-end:20px;display:flex}@media (min-width:768px){.k-head{margin-block-end:28px}}.k-head-art{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.k-kicker{color:var(--blue-ink);font-size:15px;font-weight:600}.k-back{border-radius:var(--r-sm);min-height:32px;color:var(--blue-ink);align-self:flex-start;align-items:center;gap:2px;margin-inline-start:-4px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.k-back:after{content:"";position:absolute;inset:-6px -4px}.k-back svg{width:18px;height:18px;transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.k-back:hover svg{transform:translate(2px)}}.k-soon-block{max-width:var(--reading-max);flex-direction:column;gap:20px;display:flex}.k-soon-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.k-soon{text-wrap:pretty;font-size:18px;line-height:1.8}.mascot.k-art{--mascot-w:104px!important}@media (min-width:768px){.mascot.k-art{--mascot-w:140px!important}}.book-ways{gap:12px;display:grid}@media (min-width:768px){.book-ways{grid-template-columns:1fr 1fr;gap:16px}}.book-way{align-items:center;gap:12px;padding-block:14px;display:flex}@media (min-width:768px){.book-way{padding-block:16px}}.book-way>svg{width:22px;height:22px;color:var(--ink-2);flex:none}.book-way-text{flex:1;min-width:0}.book-way-title{font-weight:600}.book-way-note{color:var(--ink-2);font-size:14px;line-height:1.7;display:block}@media (min-width:480px){.book-way-text{flex-wrap:wrap;align-items:baseline;gap:0 10px;display:flex}}.session-grid{gap:12px;display:grid}@media (min-width:768px){.session-grid{grid-template-columns:1fr 1fr;gap:16px}}@media (min-width:1100px){.session-grid{grid-template-columns:repeat(3,1fr)}}.session-card{height:100%;position:relative}.session-card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.session-card-year{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1.25}.session-card-round{color:var(--blue-ink);white-space:nowrap;font-size:14px;font-weight:600}.session-card-name{align-items:baseline;gap:10px;display:flex}.session-card-done{color:var(--blue-ink);flex:none;font-size:14px;font-weight:600}.session-card-subjects{color:var(--ink-3);flex-wrap:wrap;gap:0 12px;font-size:14px;line-height:1.8;display:flex}.session-card-progress{inset-inline:20px;width:auto;position:absolute;bottom:10px}@media (min-width:768px){.session-card-progress{inset-inline:24px;bottom:12px}}.segment-count{opacity:.6;font-weight:500}.k-tabs .segment{padding-inline:6px}.qlist{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.qlist-flat{box-shadow:none;border-radius:0}.qlist>li+li,.qlist-flat>li:first-child{border-block-start:1px solid var(--line)}.qrow{isolation:isolate;transition:background-color var(--dur-2) var(--ease);grid-template-columns:22px 30px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 16px;scroll-margin-block:80px;display:grid;position:relative}@media (min-width:768px){.qrow{padding-inline:20px}}@media (hover:hover){.qrow:hover{background:var(--surface-hover)}}.qrow:active{background:var(--canvas)}.qrow:focus-visible{outline-offset:-3px}.qrow-pending{z-index:-1;background:var(--hl-soft);animation:1s ease-in-out infinite breathe;position:absolute;inset:0}.qrow-dot{margin-block-start:2px}.qrow-number{color:var(--ink);font-size:15px;font-weight:700;line-height:1.8}.qrow-main{flex-direction:column;gap:4px;min-width:0;display:flex}@media (min-width:768px){.qrow-main{flex-direction:row;align-items:flex-start;gap:12px}}.qrow-text{-webkit-line-clamp:2;line-clamp:2;min-width:0;color:var(--ink-2);-webkit-box-orient:vertical;flex:1;font-size:15px;line-height:1.8;display:-webkit-box;overflow:hidden}.qrow-tag{flex:none;display:flex}.qrow-source{color:var(--ink-3);white-space:nowrap;font-size:13px;line-height:1.8}.qrow-marks{color:var(--ink-3);flex-direction:column;gap:6px;margin-block-start:6px;display:flex}@media (min-width:768px){.qrow-marks{flex-direction:row}}.qrow-marks svg{width:16px;height:16px}.qrow-marks .qrow-book{color:var(--blue-ink)}.qrow-marks .qrow-lock-off{visibility:hidden}.qrow-flash{animation:qrow-flash 1.4s var(--ease)}@keyframes qrow-flash{0%,40%{background:var(--blue-soft)}}.k-panel-in{animation:k-rise-in var(--dur-3) var(--ease)}.chapter{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);scroll-margin-block-start:80px;overflow:hidden}.chapter-head{cursor:pointer;touch-action:manipulation;min-height:64px;transition:background-color var(--dur-2) var(--ease);align-items:center;gap:12px;padding:12px 16px;scroll-margin-block:80px;list-style:none;display:flex}@media (min-width:768px){.chapter-head{padding-inline:20px}}.chapter-head::-webkit-details-marker{display:none}.chapter-head:focus-visible{outline-offset:-3px;border-radius:var(--r-lg)}@media (hover:hover){.chapter-head:hover{background:var(--surface-hover)}}.chapter-title{flex:1;min-width:0;font-weight:600;line-height:1.6}.chapter-ordinal{color:var(--ink-3);font-size:13px;font-weight:500;line-height:1.6;display:block}.chapter-count{color:var(--blue-ink);flex:none;font-size:14px;font-weight:600}.chapter-chevron{width:20px;height:20px;color:var(--ink-3);transition:transform var(--dur-3) var(--ease);flex:none}.chapter[open] .chapter-chevron{transform:rotate(180deg)}@supports (interpolate-size:allow-keywords){.chapter,.evidence{interpolate-size:allow-keywords}.chapter::details-content{block-size:0;overflow-y:clip}.evidence::details-content{block-size:0;overflow-y:clip}.chapter[open]::details-content{block-size:auto;transition:block-size var(--dur-3) var(--ease), content-visibility var(--dur-3) allow-discrete}.evidence[open]::details-content{block-size:auto;transition:block-size var(--dur-3) var(--ease), content-visibility var(--dur-3) allow-discrete}.chapter-instant[open]::details-content{transition:none}}.k-bar-continues .progress-fill{animation:none}.q-where{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:0 8px;margin-block-end:10px;font-size:14px;font-weight:500;line-height:1.8;display:flex}.q-where>span+span:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-inline-end:8px;display:inline-block}.q-crop{border-radius:var(--r-md);background:var(--surface);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);display:block}.q-compare{color:var(--ink-3);margin-block-start:8px;font-size:14px;line-height:1.8}.q-compare button:after{content:"";position:absolute;inset:-10px -4px}.q-compare button{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.3em;border-radius:4px;font-weight:500;position:relative}.k-opts{flex-direction:column;gap:12px;margin-block-start:20px;display:flex}.opt{--opt-line:var(--line);--opt-edge:var(--line-strong);--opt-line-width:1.5px;border-radius:var(--r-md);background:var(--surface);width:100%;min-height:64px;box-shadow:inset 0 0 0 var(--opt-line-width) var(--opt-line), 0 3px 0 var(--opt-edge);color:var(--ink);text-align:start;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-2) var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.opt:has(.opt-input:disabled){cursor:default}.opt[data-state=idle]:active,.opt[data-state=picked]:active{box-shadow:inset 0 0 0 var(--opt-line-width) var(--opt-line), 0 1px 0 var(--opt-edge);transform:translateY(2px)}@media (hover:hover){.opt[data-state=idle]:hover{background:var(--surface-hover)}}.opt-input{top:50%;opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;inset-inline-start:24px}.opt:has(.opt-input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.opt-badge{background:var(--canvas);width:32px;height:32px;color:var(--ink-2);transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;line-height:1;display:grid}.opt-badge svg{stroke-width:3px;width:18px;height:18px}.opt-text{flex:1;min-width:0;line-height:1.8;display:block}.opt-text .fig{margin-block:0;margin-inline:0 auto}:is(.opt[data-state=picked],.opt[data-state=idle]:has(.opt-input:checked)){--opt-line:var(--ink);--opt-edge:var(--ink);--opt-line-width:2px;background:var(--surface)}:is(.opt[data-state=picked] .opt-badge,.opt[data-state=idle]:has(.opt-input:checked) .opt-badge){background:var(--ink);color:var(--surface)}.opt[data-state=picked] .opt-badge{animation:opt-pick .42s var(--ease-bounce)}@keyframes opt-pick{40%{transform:scale(1.22)rotate(-8deg)}}.opt-ink{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:right 0 bottom .1em;background-repeat:no-repeat;background-size:0% .62em;margin-inline:-.12em;padding-inline:.12em}.opt[data-state=right],.opt[data-state=key]{--opt-line:color-mix(in srgb, var(--green-ink) 45%, transparent);--opt-edge:color-mix(in srgb, var(--green-ink) 45%, transparent);--opt-line-width:2px;background:var(--green-soft)}.opt[data-state=right] .opt-ink,.opt[data-state=key] .opt-ink{background-image:linear-gradient(var(--green-mark), var(--green-mark));background-size:100% .62em}.opt[data-state=right] .opt-badge,.opt[data-state=key] .opt-badge{background:var(--green-ink);color:var(--surface)}.opt[data-state=wrong]{--opt-line:color-mix(in srgb, var(--red) 55%, transparent);--opt-edge:color-mix(in srgb, var(--red) 55%, transparent);--opt-line-width:2px;background:var(--red-soft)}.opt[data-state=wrong] .opt-ink{background-image:linear-gradient(var(--red), var(--red));background-position:right 0 top 54%;background-size:100% 2.5px}.opt[data-state=wrong] .opt-badge{background:var(--red);color:var(--surface)}.opt[data-state=rest]{--opt-edge:transparent;--opt-line-width:1px;color:var(--ink-2);opacity:.55;background:0 0}.opt[data-state=rest] .opt-badge{background:var(--canvas-deep);color:var(--ink-3)}.opt[data-state=right][data-fresh]{animation:opt-hop .56s var(--ease-bounce)}.opt[data-state=right][data-fresh] .opt-ink{animation:opt-swipe .52s var(--ease-swipe) 60ms backwards}.opt[data-state=wrong][data-fresh]{animation:.38s ease-out .26s opt-shake}.opt[data-state=wrong][data-fresh] .opt-ink{animation:opt-strike .36s var(--ease-swipe) backwards}.opt[data-state=key][data-fresh]{animation:opt-glow .7s var(--ease) .2s backwards}.opt[data-state=key][data-fresh] .opt-ink{animation:opt-swipe .52s var(--ease-swipe) .38s backwards}.opt[data-state=rest][data-fresh]{animation:opt-dim .42s var(--ease) .12s backwards}.opt[data-fresh] .opt-badge svg{animation:pop .42s var(--ease-bounce)}.opt[data-state=right][data-fresh] .opt-badge svg path,.opt[data-state=key][data-fresh] .opt-badge svg path{stroke-dasharray:24;animation:check-draw .32s var(--ease) .2s backwards}@keyframes check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes opt-swipe{0%{background-size:0% .62em}}@keyframes opt-strike{0%{background-size:0% 2.5px}}@keyframes opt-hop{0%{transform:none}30%{transform:translateY(-6px)scale(1.015)}60%{transform:translateY(1px)scale(.997)}to{transform:none}}@keyframes opt-shake{20%{transform:translate(6px)rotate(.4deg)}45%{transform:translate(-5px)rotate(-.3deg)}70%{transform:translate(2px)}to{transform:none}}@keyframes opt-glow{0%{box-shadow:inset 0 0 0 1px var(--line), 0 0 0 transparent;background:0 0}}@keyframes opt-dim{0%{opacity:1}}.q-reveal{margin-block-start:10px;margin-inline-start:-12px}.q-verdict-slot{scroll-margin-block:72px 112px}.k-verdict{margin-block-start:20px}.q-after{flex-direction:column;gap:28px;margin-block-start:24px;display:flex}.q-after[hidden]{display:none}.q-after[data-fresh]{animation:k-rise-in var(--dur-3) var(--ease) 60ms backwards}.q-label{color:var(--ink-3);margin-block-end:8px;font-size:14px;font-weight:600}.q-solution .javab{display:none}.q-note{border-radius:var(--r-md);background:var(--peach);padding:14px 16px}.q-note-title{align-items:center;gap:6px;margin-block-end:4px;font-size:15px;font-weight:700;line-height:1.7;display:flex}.q-note-title svg{flex:none;width:18px;height:18px}.q-note-body{color:var(--ink-2);font-size:15px;line-height:1.85}.q-disputed{color:var(--ink-2);font-size:15px}.q-load-error{color:var(--ink-2);align-items:center;gap:12px;display:flex}.evidence{border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.evidence-title{border-radius:var(--r-md);cursor:pointer;touch-action:manipulation;min-height:52px;transition:background-color var(--dur-2) var(--ease);justify-content:space-between;align-items:center;gap:12px;padding-inline:14px;list-style:none;display:flex}.evidence-title::-webkit-details-marker{display:none}.evidence-title:focus-visible{outline-offset:-3px}@media (hover:hover){.evidence-title:hover{background:var(--surface-hover)}}.evidence-title .q-label{color:var(--ink);margin:0;font-size:15px}.evidence-title svg{width:20px;height:20px;color:var(--ink-3);transition:transform var(--dur-3) var(--ease);flex:none}.evidence[open] .evidence-title svg{transform:rotate(180deg)}.evidence-row{border-block-start:1px solid var(--line);padding:12px 14px}.evidence-head{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:28px;display:flex}.evidence-part{white-space:nowrap;align-items:center;gap:2px;font-size:14px;font-weight:700;display:inline-flex}.evidence-part svg{width:16px;height:16px;color:var(--green-ink);stroke-width:3px}.evidence-head .chip{min-height:24px;padding-inline:10px}.evidence-claim{color:var(--ink-2);margin-block-start:4px;font-size:15px;line-height:1.85;display:block}.evidence-missing{color:var(--ink-3);gap:6px;margin-block-start:6px;font-size:14px;line-height:1.8;display:flex}.evidence-missing svg{flex:none;width:14px;height:14px;margin-block-start:.4em}.evidence-missing .rich{color:inherit;font-size:inherit;line-height:inherit}.q-excerpts{flex-direction:column;gap:24px;display:flex}.q-excerpt-part{color:var(--blue-ink);margin-block-end:6px;font-size:14px;font-weight:600}.q-more{color:var(--ink-3);align-self:flex-start;margin-inline-start:-8px}}
