/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#162033;--body:#4b586c;--muted:#6f7b8d;--line:#d8dee8;--surface:#f7f9fc;--blue:#2f62e9;--blue-dark:#2049b9;--blue-soft:#edf3ff;--green:#27844a;--green-soft:#edf9f0;--purple:#6d45d8;--purple-soft:#f3efff;--orange:#b76822;--orange-soft:#fff4e9;--shadow:0 14px 32px #1a2b4b14}*{box-sizing:border-box;letter-spacing:0}html{background:#eef1f6}body{min-width:320px;min-height:100vh;color:var(--ink);background:#eef1f6;margin:0;font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.study-app{background:#fff;min-height:100vh}.study-start-screen{max-width:960px;margin:18px auto 0}.study-start-screen__heading{max-width:760px}.study-start-screen__heading h1{margin:0;font-size:44px;line-height:1.08}.study-start-screen__zh{color:var(--body);margin:8px 0 0;font-size:20px}.study-start-screen__heading>p:last-child{color:var(--body);gap:6px;margin:22px 0 0;line-height:1.6;display:grid}.study-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.start-info-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;gap:14px;min-height:144px;padding:18px;display:flex}.start-info-card__icon{width:38px;height:38px;color:var(--blue-dark);background:var(--blue-soft);border-radius:5px;flex:0 0 38px;place-items:center;display:grid}.start-info-card h2{margin:0;font-size:16px}.start-info-card p{color:var(--body);gap:5px;margin:8px 0 0;font-size:13px;line-height:1.55;display:grid}.study-start-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:6px;gap:20px;margin-top:18px;padding:22px;display:grid}.study-start-form>.action-button{justify-self:end}.participant-code-entry{grid-template-columns:190px 120px minmax(0,1fr);align-items:center;gap:14px;display:grid}.participant-code-entry>span{font-size:14px;font-weight:800}.participant-code-entry input{width:100%;min-height:44px;color:var(--ink);text-transform:uppercase;background:#fff;border:1px solid #aeb8c8;border-radius:5px;outline:none;padding:10px 12px}.participant-code-entry input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f62e91f}.participant-code-entry small{color:var(--muted);gap:4px;font-size:12px;line-height:1.45;display:grid}.field-error{color:#a43333;font-weight:700}.preparation-checklist{border:1px solid var(--line);border-radius:5px;gap:11px;margin:0;padding:18px;display:grid}.preparation-checklist legend{padding:0 8px;font-size:14px;font-weight:800}.preparation-checklist label{color:var(--body);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.preparation-checklist input{width:18px;height:18px;accent-color:var(--blue);flex:0 0 18px;margin-top:2px}.consent-boundary-note{color:#6d5105;background:#fff8df;border-left:4px solid #d9a916;gap:4px;margin:0;padding:12px 14px;font-size:12px;line-height:1.5;display:grid}.app-header{z-index:20;color:#fff;background:#1d2635;border-bottom:1px solid #2d394b;grid-template-columns:1fr auto 44px;align-items:center;gap:22px;min-height:72px;padding:12px max(24px,50vw - 640px);display:grid;position:sticky;top:0}.app-brand{align-items:center;gap:12px;display:flex}.app-brand__icon{color:#fff;background:var(--blue);border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.app-brand div,.app-header__meta{gap:1px;display:grid}.app-brand strong{font-size:15px}.app-brand span,.app-header__meta span{color:#bfc8d5;font-size:12px}.app-header__meta{text-align:right}.icon-button{color:#dbe3ee;cursor:pointer;background:0 0;border:1px solid #536074;border-radius:6px;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-button:hover{color:#fff;border-color:#8b98aa}.study-progress{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1280px;margin:0 auto;padding:18px 24px;display:grid}.progress-step{min-width:0;color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;display:flex}.progress-step__number{background:#eef1f5;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.progress-step>span:last-child{min-width:0;display:grid}.progress-step strong,.progress-step small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-step strong{font-size:13px}.progress-step small{margin-top:2px;font-size:11px}.progress-step.is-current{color:var(--blue-dark);background:var(--blue-soft);border-color:#bfd0fb;border-radius:6px}.progress-step.is-current .progress-step__number{color:#fff;background:var(--blue)}.progress-step.is-complete{color:#21663b}.progress-step.is-complete .progress-step__number{color:#fff;background:var(--green)}.study-main{max-width:1280px;min-height:calc(100vh - 141px);margin:0 auto;padding:36px 24px 64px}.page-title{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:end;gap:48px;padding:0 0 28px;display:grid}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:800}.page-title h1,.complete-screen h1{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.08}.page-title__zh,.complete-screen__zh{color:var(--body);margin:8px 0 0;font-size:20px}.page-instruction{background:var(--surface);border-left:4px solid var(--blue);padding:18px 20px}.page-instruction p{color:var(--ink);margin:0;font-size:15px;line-height:1.55}.page-instruction p+p{color:var(--body);margin-top:7px}.content-section,.choice-section,.final-question{margin-top:30px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-heading h2,.remote-response-panel h2,.detail-panel h2,.reference-heading h2{margin:0;font-size:22px;line-height:1.25}.section-heading p,.remote-response-panel p,.reference-heading p{color:var(--body);margin:5px 0 0;font-size:14px}.task-chip,.relationship-badge{text-align:center;border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:5px 12px;font-size:12px;font-style:normal;font-weight:800;line-height:1.25;display:inline-flex}.task-chip{color:#3e4a5b;white-space:nowrap}.note-grid{gap:14px;display:grid}.note-grid--library{grid-template-columns:repeat(3,minmax(0,1fr))}.note-grid--library .note-card:nth-child(4){grid-column:1/2;margin-left:calc(50% + 7px)}.note-grid--library .note-card:nth-child(5){grid-column:2/3;margin-left:calc(50% + 7px)}.note-grid--targets{grid-template-columns:repeat(2,minmax(0,1fr))}.note-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;min-height:318px;padding:18px;display:block;overflow:hidden}.note-card--button{cursor:pointer;transition:border-color .14s,background-color .14s,box-shadow .14s}.note-card--button:hover{border-color:#9bb3ed;box-shadow:0 8px 20px #284d9e14}.note-card--button.is-selected{background:var(--blue-soft);border:2px solid var(--blue)}.note-card__heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.note-card h3{margin:0;font-size:19px;line-height:1.25}.zh-title{color:var(--body);margin:4px 0 0;font-size:14px}.note-card__plain-name{color:#214a91;background:#eef4ff;border:1px solid #c9d8f7;border-radius:999px;align-items:center;gap:7px;margin:10px 0 0;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.note-card__plain-name span+span{border-left:1px solid #b5c8ee;padding-left:7px}.selection-mark{color:#fff;background:var(--blue);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.bilingual-copy{background:var(--surface);border:1px solid #e3e7ee;border-radius:5px;margin-top:16px;display:grid;overflow:hidden}.bilingual-copy p{min-height:54px;color:var(--body);grid-template-columns:30px minmax(0,1fr);gap:9px;margin:0;padding:12px;font-size:13px;line-height:1.45;display:grid}.bilingual-copy p+p{border-top:1px solid #e3e7ee}.language-label{font-size:11px;font-weight:850}.language-label--en{color:var(--blue)}.language-label--zh{color:var(--green)}.note-card__example{color:#2e475e;background:#fff9e8;border-left:3px solid #d5a820;border-radius:4px;grid-template-columns:18px minmax(0,1fr);gap:8px;margin-top:12px;padding:10px 11px;display:grid}.note-card__example svg{color:#9b7210;margin-top:2px}.note-card__example div{gap:3px;display:grid}.note-card__example strong{color:#6d510d;text-transform:uppercase;font-size:11px}.note-card__example span{font-size:12px;line-height:1.4}.scenario-banner{color:#2c4055;border:1px solid var(--line);background:#f7fafc;border-left:4px solid #d5a820;border-radius:5px;grid-template-columns:38px minmax(250px,.8fr) minmax(320px,1fr);align-items:center;gap:14px;margin-top:20px;padding:14px 18px;display:grid}.scenario-banner__icon{color:#8a650d;background:#fff4ca;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.scenario-banner>div:nth-child(2){gap:2px;display:grid}.scenario-banner strong{font-size:14px}.scenario-banner span,.scenario-banner p{color:var(--body);font-size:12px}.participant-code-panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(220px,.42fr) minmax(300px,1fr);align-items:center;gap:12px 24px;margin-top:18px;padding:18px;display:grid}.participant-code-panel label{grid-template-columns:1fr 112px;align-items:center;gap:12px;font-size:14px;font-weight:800;display:grid}.participant-code-panel input{width:100%;min-height:44px;color:var(--ink);text-transform:uppercase;background:#fff;border:1px solid #aeb8c8;border-radius:5px;outline:none;padding:9px 12px}.participant-code-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f62e91f}.participant-code-panel p{color:var(--body);gap:3px;margin:0;font-size:12px;line-height:1.45;display:grid}.participant-code-panel .timing-disclosure{border-top:1px solid var(--line);grid-column:1/-1;padding-top:10px}.scenario-banner p{gap:3px;margin:0;display:grid}.sticky-action,.footer-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.sticky-action{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px 18px}.sticky-action p{color:var(--body);margin:0;font-size:14px}.action-button{color:#fff;background:var(--blue);border:1px solid var(--blue);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:800;display:inline-flex}.action-button:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.action-button:disabled{color:#8994a5;cursor:not-allowed;background:#e5e9ef;border-color:#e5e9ef}.action-button--secondary{color:var(--blue-dark);background:#fff;border-color:#9bb3ed}.action-button--secondary:hover:not(:disabled){color:#173a91;background:var(--blue-soft);border-color:#7698eb}.two-note-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.connection-strip{background:var(--blue-soft);border:1px solid #cbd8f6;border-radius:6px;grid-template-columns:minmax(180px,1fr) 230px minmax(180px,1fr);align-items:center;gap:22px;margin-top:24px;padding:22px;display:grid}.connection-node{background:#fff;border:1px solid #d8e1f5;border-radius:5px;gap:4px;padding:14px 16px;display:grid}.connection-node strong{font-size:17px}.connection-node span{color:var(--body);font-size:13px}.connection-arrow{color:var(--blue);text-align:center;justify-items:center;gap:8px;display:grid}.connection-arrow span{background:#fff;border:1px solid #a9bff2;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.connection-reason{border-top:1px solid #cbd8f6;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:16px;display:grid}.connection-reason p{color:var(--body);margin:0;font-size:14px;line-height:1.55}.remote-response-panel{background:var(--surface);border-left:4px solid var(--blue);gap:18px;margin-top:24px;padding:22px;display:grid}.remote-response-panel .footer-actions{justify-content:flex-end;margin-top:0}.compact-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.choice-button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-content:center;gap:3px;min-height:88px;padding:16px 46px 16px 18px;display:grid;position:relative}.choice-button span{font-weight:800}.choice-button small{color:var(--body)}.choice-button svg{color:var(--blue);position:absolute;top:50%;right:18px;transform:translateY(-50%)}.choice-button:hover,.choice-button.is-selected{background:var(--blue-soft);border-color:var(--blue)}.builder-steps{gap:10px;margin:24px 0;display:flex}.builder-steps>span{min-height:42px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.builder-steps b{color:#667286;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.builder-steps>span.is-current{color:var(--blue-dark);background:var(--blue-soft);border-color:#9bb3ed}.builder-steps>span.is-current b{color:#fff;background:var(--blue)}.builder-steps>span.is-complete{color:#21663b;background:var(--green-soft);border-color:#9fd0ac}.builder-steps>span.is-complete b{color:#fff;background:var(--green)}.source-note-band{background:var(--blue-soft);border-left:4px solid var(--blue);grid-template-columns:minmax(280px,.7fr) minmax(0,1fr);align-items:center;gap:24px;padding:20px 22px;display:grid}.source-note-band div{gap:4px;display:grid}.source-note-band span{color:var(--body);font-size:12px}.source-note-band strong{color:var(--blue-dark);font-size:19px}.source-note-band em{color:var(--body);font-size:12px;font-style:normal;font-weight:800}.source-note-band p{color:var(--ink);gap:5px;margin:0;font-size:14px;display:grid}.source-note-band p span{font-size:14px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.type-option{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-left-width:4px;border-radius:6px;grid-template-columns:160px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:90px;padding:15px 18px;display:grid}.type-option>span{color:var(--body);gap:3px;font-size:13px;display:grid}.type-option b{color:var(--ink);font-size:14px}.type-option em{color:var(--body);margin-top:3px;font-size:12px;font-style:normal}.type-option strong{color:var(--ink);font-size:16px}.type-option small{color:var(--body);font-size:12px}.type-option--definition{border-left-color:#5b7c99}.type-option--example{border-left-color:var(--green)}.type-option--contrast{border-left-color:var(--orange)}.type-option--prerequisite{border-left-color:var(--purple)}.type-option--application{border-left-color:var(--blue)}.type-option:hover,.type-option.is-selected{background:var(--blue-soft);border-color:#8ba9ef}.rationale-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px;margin-top:24px;display:grid}.rationale-field{gap:9px;display:grid}.rationale-field>span{align-items:baseline;gap:10px;font-weight:800;display:flex}.rationale-field>span small{color:var(--body);font-weight:500}.rationale-field textarea{width:100%;min-height:144px;color:var(--ink);resize:vertical;background:#fff;border:1px solid #bfc8d5;border-radius:6px;outline:none;padding:16px;line-height:1.55}.rationale-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f62e91f}.rationale-field>small{color:var(--muted);justify-self:end}.remote-entry-note{background:var(--green-soft);border-left:4px solid var(--green);padding:18px}.remote-entry-note h3{margin:0;font-size:16px;line-height:1.5}.remote-entry-note p{color:var(--body);margin:9px 0 0;font-size:14px;line-height:1.5}.remote-entry-note small{color:#316044;gap:4px;margin-top:18px;font-size:12px;line-height:1.5;display:grid}.reference-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.comparison-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.comparison-columns article{border:1px solid var(--line);background:#fff;border-top:4px solid #8d98a8;border-radius:6px;min-height:260px;padding:22px}.comparison-columns article.reference-card{background:var(--green-soft);border-color:#a9d9b5;border-top-color:var(--green)}.comparison-columns h3{margin:0 0 14px;font-size:19px}.comparison-columns article>p:not(.eyebrow){color:var(--body);margin:18px 0 0;font-size:14px;line-height:1.55}.relationship-badge--definition{color:#244761;background:#e8f0f8;border-color:#8ea8bc}.relationship-badge--example{color:#166534;background:var(--green-soft);border-color:#71b485}.relationship-badge--contrast{color:#8a4314;background:var(--orange-soft);border-color:#daa16c}.relationship-badge--prerequisite{color:#5632b2;background:var(--purple-soft);border-color:#9a7cea}.relationship-badge--application{color:var(--blue-dark);background:var(--blue-soft);border-color:#88a6ed}.relationship-badge--suggested,.relationship-badge--final{color:#4e5b6d;background:#f1f3f6;border-color:#bfc7d3}.explorer-layout{grid-template-columns:minmax(250px,.72fr) minmax(300px,1fr) minmax(300px,1fr);align-items:start;gap:18px;margin-top:30px;display:grid}.current-note,.explorer-column{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:390px;padding:20px}.current-note h2{margin:0;font-size:24px}.count-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.count-row span{color:#3c4a5e;background:#f1f3f6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750}.explorer-column{background:var(--surface)}.explorer-column .section-heading{align-items:flex-start}.explorer-column .section-heading h2{font-size:18px}.explorer-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:12px;width:100%;min-height:102px;padding:15px;display:grid}.explorer-item+.explorer-item{margin-top:12px}.explorer-item:hover{border-color:#91aaea;box-shadow:0 7px 18px #284d9e12}.explorer-item>span:first-child{gap:4px;display:grid}.explorer-item small{color:var(--body)}.detail-panel{background:var(--blue-soft);border:1px solid #c7d5f6;border-radius:6px;margin-top:22px;padding:20px}.detail-panel__close{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:13px;font-weight:800;display:inline-flex}.detail-panel__content{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:20px;margin-top:12px;display:grid}.detail-panel__content>div{background:#fff;border:1px solid #d7e1f6;border-radius:5px;padding:18px}.detail-panel__content>div>p:not(.eyebrow){color:var(--body);margin:16px 0 0;font-size:14px;line-height:1.55}.explorer-progress{color:var(--body);font-size:13px}.study-path{background:var(--surface);border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:30px;padding:20px;display:flex}.path-group{display:contents}.path-node{border:1px solid var(--line);background:#fff;border-radius:5px;align-content:start;gap:4px;width:220px;min-width:0;min-height:144px;padding:16px;display:grid}.path-node>span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:26px;height:26px;margin-bottom:5px;font-size:12px;font-weight:800;display:grid}.path-node strong{font-size:15px}.path-node small{color:var(--body)}.path-node em{justify-self:start;margin-top:9px}.path-arrow{color:var(--blue);flex:0 0 24px}.final-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.final-option{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;min-height:78px;padding:15px 18px;display:flex}.final-option>span{gap:4px;display:grid}.final-option small{color:var(--body)}.final-option:hover,.final-option.is-selected{background:var(--blue-soft);border-color:var(--blue)}.final-option svg{color:var(--blue)}.rationale-field--compact{margin-top:18px}.rationale-field--compact textarea{min-height:90px}.complete-screen{text-align:center;justify-items:center;max-width:820px;margin:24px auto 0;display:grid}.complete-icon{width:76px;height:76px;color:var(--green);background:var(--green-soft);border:1px solid #9fd0ac;border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.complete-screen__instruction{max-width:680px;color:var(--body);gap:7px;margin:24px 0;line-height:1.55;display:grid}.local-summary{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;margin:6px 0 22px;padding:20px;display:grid}.local-summary h2,.local-summary p{margin:0}.local-summary p{color:var(--body);margin-top:3px}.local-summary pre{color:#253249;white-space:pre-wrap;border:1px solid var(--line);background:#fff;border-radius:5px;margin:16px 0;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.local-summary__actions{flex-wrap:wrap;gap:10px;display:flex}.local-summary button{min-height:40px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #9bb3ed;border-radius:5px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex}.local-summary small{color:var(--muted);margin-top:12px;font-size:11px}.evaluation-link{color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:48px;margin-bottom:14px;padding:12px 20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.evaluation-link:hover{background:var(--blue-dark)}.completion-steps{counter-reset:completion-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:0 0 18px;padding:0;list-style:none;display:grid}.completion-steps li{text-align:left;background:var(--surface);border:1px solid var(--line);counter-increment:completion-step;border-radius:6px;grid-template-columns:34px 1fr;align-items:center;column-gap:11px;padding:14px;display:grid}.completion-steps li:before{color:#fff;content:counter(completion-step);background:var(--blue);border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.completion-steps strong,.completion-steps span{grid-column:2}.completion-steps strong{font-size:13px}.completion-steps span{color:var(--muted);margin-top:2px;font-size:12px}@media (width<=960px){.app-header{grid-template-columns:1fr 44px}.app-header__meta{display:none}.study-progress{grid-template-columns:repeat(5,42px);justify-content:space-between}.progress-step{justify-content:center;padding:7px}.progress-step>span:last-child{display:none}.page-title,.source-note-band,.scenario-banner,.participant-code-panel,.participant-code-entry{grid-template-columns:1fr;gap:20px}.study-start-grid{grid-template-columns:1fr}.scenario-banner__icon{display:none}.note-grid--library,.note-grid--targets,.compact-choice-grid,.type-grid,.comparison-columns,.explorer-layout,.detail-panel__content{grid-template-columns:repeat(2,minmax(0,1fr))}.note-grid--library .note-card:nth-child(4),.note-grid--library .note-card:nth-child(5){grid-column:auto;margin-left:0}.note-grid--library .note-card:nth-child(5){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}.explorer-layout .current-note{grid-column:1/-1;min-height:0}.study-path{grid-template-columns:1fr;display:grid}.path-group{justify-items:center;display:grid}.path-node{width:100%}.path-arrow{margin:5px 0;transform:rotate(90deg)}}@media (width<=680px){.app-header{padding:10px 14px}.app-brand strong{font-size:13px}.study-main{padding:26px 16px 48px}.study-progress{padding:12px 14px}.page-title{gap:16px}.page-title h1,.complete-screen h1,.study-start-screen__heading h1{font-size:31px}.page-title__zh,.complete-screen__zh{font-size:17px}.page-instruction{padding:14px 16px}.scenario-banner{gap:8px;padding:13px 14px}.note-grid--library,.note-grid--targets,.two-note-layout,.compact-choice-grid,.type-grid,.comparison-columns,.explorer-layout,.detail-panel__content,.final-choice-grid,.rationale-layout,.completion-steps{grid-template-columns:1fr}.study-start-form{padding:18px}.study-start-form>.action-button{justify-self:stretch}.note-grid--library .note-card:nth-child(5){grid-column:auto;width:100%}.connection-strip{grid-template-columns:1fr;gap:12px}.connection-arrow svg{transform:rotate(90deg)}.connection-reason{grid-template-columns:1fr}.remote-response-panel,.sticky-action,.footer-actions,.reference-heading{flex-direction:column;align-items:stretch}.action-button{width:100%}.builder-steps{grid-template-columns:1fr;display:grid}.type-option{grid-template-columns:minmax(112px,.72fr) minmax(0,1fr) 20px}.section-heading{flex-direction:column;align-items:flex-start}.task-chip{white-space:normal}.explorer-column{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}