@charset "UTF-8";
:root {
  --bg:#f7f9fb; --paper:#fff; --ink:#20352d; --muted:#62716b;
  --green:#25634c; --line:#e0e7e3; --lime:#edf5ef; --lavender:#f1eff8; --error:#963f32;
  --shadow:0 4px 16px #243c2f05,0 1px 3px #243c2f04;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif;
  color:var(--ink); background:var(--bg); font-synthesis:none; line-height:1.65;
}
* { box-sizing:border-box }
body { margin:0; font-size:14px }
body:has(dialog[open]) { overflow:hidden }
button,input,textarea,select { font:inherit; color:inherit }
button,a,summary,input,textarea,select { -webkit-tap-highlight-color:transparent }
button { cursor:pointer; touch-action:manipulation }
button:disabled { opacity:.5; cursor:not-allowed }
[hidden] { display:none!important }
:is(button,a,input,textarea,select,summary):focus-visible { outline:3px solid #51866e; outline-offset:3px }
a { color:var(--green); text-underline-offset:4px }
h1,h2,h3,p { margin-top:0 }
h1,h2,h3 { line-height:1.4; letter-spacing:-.025em; overflow-wrap:anywhere; text-wrap:balance }
h1 { font-size:34px; font-weight:650; margin-bottom:10px }
h2 { font-size:22px; font-weight:650 }
h3 { font-size:17px }
p { color:var(--muted) }
small { font-size:12px }
.header { position:sticky; top:0; z-index:30; background:#fffffff5; backdrop-filter:blur(12px); margin:auto; padding:17px 28px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px }
.brand { display:flex; align-items:center; gap:10px; border:0; padding:0; background:none; text-align:left; font-size:17px; font-weight:650; white-space:nowrap }
.brand small { display:block; font-size:9px; letter-spacing:.15em; line-height:1.5; color:var(--muted) }
.brand-mark { display:grid; place-items:center; width:38px; height:42px; background:var(--green); color:white; border-radius:13px 13px 13px 4px }
.brand-mark svg { width:30px; height:30px }
.header nav,.header-tools { display:flex; align-items:center; gap:5px }
.nav-button { display:flex; align-items:center; gap:9px; border:1px solid transparent; background:none; padding:10px 14px; border-radius:12px; color:var(--muted); white-space:nowrap; font-size:13px; text-align:left; min-height:44px }
.nav-button.active { background:var(--lime); border-color:#dce9df; color:var(--green) }
.nav-button:hover:not(:disabled):not(.active) { background:#f3f6f4 }
.nav-step { display:grid; place-items:center; width:24px; height:24px; border:1px solid #dce4df; border-radius:8px; font-variant-numeric:tabular-nums }
.nav-button.active .nav-step { background:var(--green); color:white; border-color:var(--green) }
.nav-count { display:grid; place-items:center; min-width:22px; height:22px; padding:0 5px; background:#edf1ee; border-radius:7px; margin-left:auto; font-variant-numeric:tabular-nums }
.nav-button span,.header-tools span { font-size:11px }
.nav-button .nav-copy { font-size:13px }
.button { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid transparent; border-radius:11px; padding:10px 15px; text-decoration:none; line-height:1.5; font-size:13px; min-height:44px; transition:background-color .15s,border-color .15s,box-shadow .15s }
.primary { background:var(--green); color:white }
.primary:hover:not(:disabled) { background:#1c503c }
.soft { background:white; border-color:var(--line) }
.soft:hover:not(:disabled) { background:#f0f5f1; border-color:#b9cfc0 }
.text { background:none; color:var(--green); padding-inline:9px }
.text:hover:not(:disabled) { background:var(--lime) }
.danger { color:var(--error) }
.selected { background:#e1efe5!important; color:#255c42!important }
.button-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center }
#main { min-height:calc(100svh - 200px) }
#main,.project-grid { scroll-margin-top:95px }
.workspace { max-width:1260px; margin:40px auto 32px; padding:0 32px }
.start-workspace { max-width:1120px; margin-top:60px; display:grid; grid-template-columns:minmax(240px,.9fr) minmax(380px,1.1fr); align-items:center; gap:48px }
.start-intro { min-width:0 }
.start-intro h1 { font-size:clamp(34px,3.8vw,52px); line-height:1.35; letter-spacing:-.045em; margin:0 0 22px }
.start-description { font-size:15px; line-height:1.9; margin-bottom:24px; text-wrap:pretty }
.catalogue-summary { font-size:12px; color:var(--muted); margin:0; font-variant-numeric:tabular-nums }
.eyebrow { font-size:12px; color:var(--muted); margin-bottom:8px }
.start-card { background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:28px; box-shadow:0 12px 48px #243c2f07,0 2px 6px #243c2f03; min-width:0 }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px }
.section-heading h2,.section-heading p { margin-bottom:0 }
.section-heading p { font-size:13px }
.page-actions.button-row { flex-wrap:nowrap; gap:2px; flex-shrink:0; padding:3px; border:1px solid var(--line); border-radius:14px; background:var(--paper); box-shadow:var(--shadow) }
.page-actions .button { min-height:38px; padding:8px 12px; border:0; border-radius:10px; background:transparent; color:var(--muted); white-space:nowrap }
.page-actions>.button:first-child { color:var(--green); font-weight:550 }
.page-actions .button:hover:not(:disabled) { background:var(--lime); color:var(--green) }
.page-actions .button:active:not(:disabled) { background:#e1ede5 }
.page-actions>[id$="-download"] { display:flex; position:relative; margin-left:4px; padding-left:6px }
.page-actions>[id$="-download"]::before { content:""; position:absolute; left:0; top:50%; height:18px; border-left:1px solid var(--line); transform:translateY(-50%) }
.page-actions>[id$="-download"]:empty { display:none }
.start-card .section-heading { margin-bottom:14px }
.start-card .section-heading h2 { font-size:14px; margin:0; font-weight:600 }
.major-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
.major-button { display:flex; align-items:center; gap:9px; border:1px solid var(--line); background:white; padding:15px 12px; border-radius:12px; font-size:13px; min-height:58px; text-align:left; transition:background-color .15s,border-color .15s }
.major-button::before { content:""; width:4px; height:22px; background:#8cad9a; border-radius:3px; flex-shrink:0 }
.major-button[data-family="商业与经济"]::before { background:#8a9fc0 }
.major-button[data-family="设计与人"]::before { background:#a497ba }
.major-button:hover:not(.active) { border-color:#a7c5b2; background:#f8fbf9 }
.major-button.active { border-color:#4f8667; background:var(--lime); color:var(--green); box-shadow:inset 0 0 0 1px #4f8667 }
.major-label { flex:1; min-width:0; font-weight:550; text-wrap:balance }
.major-button small { font-size:10px; color:#5c6c62; white-space:nowrap; padding:3px 5px; background:#f1f5f2; border-radius:5px; font-variant-numeric:tabular-nums }
.major-button.active small { background:white; color:var(--green) }
.direction-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; margin-top:5px }
.direction-controls:has(details[open]) { grid-template-columns:1fr }
#all-directions { font-size:12px; min-height:38px }
#all-directions[aria-pressed=true] { text-decoration:underline; text-underline-offset:5px }
label { display:block; font-size:12px; font-weight:500 }
input:not([type=checkbox]),textarea,select { display:block; width:100%; border:1px solid #d6e1d9; color:var(--ink); background:white; border-radius:10px; padding:11px 12px; margin-top:7px; min-height:46px; min-width:0; font-size:13px }
input:not([type=checkbox]):hover,textarea:hover,select:hover { border-color:#a5bdad }
input::placeholder,textarea::placeholder { color:#8b9587 }
textarea { resize:vertical; line-height:1.7 }
.country-choice { margin-top:16px; padding-top:18px; border-top:1px solid var(--line); font-size:14px }
.start-actions { display:flex; flex-direction:column; align-items:stretch; gap:11px; margin-top:22px }
.start-actions .primary { min-height:48px; padding-inline:20px; font-size:14px }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
.directory-filters { border:1px solid var(--line); border-radius:18px; padding:20px; background:var(--paper); display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:14px; margin:24px 0 18px; min-width:0 }
.directory-search { grid-column:1 / -1 }
.directory-filters .check-label { grid-column:1 / -1 }
.directory-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px }
.directory-item { padding:22px; background:var(--paper); border:1px solid var(--line); border-radius:18px; min-width:0 }
.directory-item h2 { font-size:17px; margin:8px 0 12px; overflow-wrap:anywhere; text-wrap:pretty }
.directory-item p { font-size:12px; margin-bottom:8px; overflow-wrap:anywhere }
.directory-item .button-row { margin-top:14px }
.directory-item .button { font-size:12px; min-height:44px; padding:8px 10px }
.directory-scope { font-size:12px; color:var(--muted) }
.directory-scope p { margin-bottom:8px }
.directory-pages { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; margin-top:22px }
.directory-coverage article { border-top:1px solid var(--line); padding:18px 0 }
.directory-coverage h3 { font-size:14px; margin-bottom:6px }
.directory-coverage p { font-size:12px; margin-bottom:6px; overflow-wrap:anywhere }
.directory-coverage a { margin-right:14px; overflow-wrap:anywhere }
@media(max-width:1099px) { .directory-nav { display:none } }
@media(max-width:760px) {
  .directory-filters { grid-template-columns:minmax(0,1fr); padding:16px; gap:12px; border-radius:16px }
  .directory-results { grid-template-columns:minmax(0,1fr) }
  .directory-item { padding:18px }
}
.scope-availability { background:#f7f2e7; border:1px solid #e7dcc2; border-radius:12px; margin-top:12px; padding:12px }
.scope-availability p { font-size:12px; margin-bottom:8px }
.scope-availability .button { font-size:12px; text-align:left; white-space:normal }
.check-label { display:flex; gap:8px; align-items:center; font-weight:400; line-height:1.6; cursor:pointer }
input[type=checkbox] { accent-color:var(--green); width:16px; height:16px; flex-shrink:0 }
.results-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:20px 0 18px }
.compact-options { order:2; margin-left:auto; min-width:110px; max-width:100%; border:1px solid var(--line); border-radius:12px; padding:10px 14px; background:white }
.compact-options[open] { order:3; width:100% }
summary { display:flex; align-items:center; gap:10px; list-style:none; cursor:pointer; color:var(--muted); font-size:13px; min-height:24px }
summary::-webkit-details-marker { display:none }
summary::marker { content:"" }
summary::after { content:""; width:14px; height:14px; flex-shrink:0; margin-left:auto; color:currentColor; background:linear-gradient(currentColor,currentColor) center/10px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 10px no-repeat; opacity:.65 }
details[open]>summary::after { background:linear-gradient(currentColor,currentColor) center/10px 1px no-repeat }
summary:hover { color:var(--green) }
details[open]>summary { margin-bottom:12px }
.filters { display:flex; align-items:end; gap:14px; flex-wrap:wrap; margin:16px 0 }
.filters label { min-width:180px }
.filters .search-label { flex:1 }
.filters .check-label { width:100%; color:var(--muted) }
.condition-summary { font-size:12px; color:var(--muted) }
.subtle { font-size:12px; color:var(--muted); line-height:1.7 }
.results-meta { margin:0; font-size:13px }
.project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.project-card { background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:22px; display:flex; flex-direction:column; min-width:0; box-shadow:var(--shadow) }
.project-card:focus-within { border-color:#9cbaa7 }
.project-topline { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:12px }
.tag { font-size:12px; color:var(--muted) }
.project-direction { font-size:11px; color:var(--muted) }
.year { font-size:11px; color:#69776e }
.school-identity { display:flex; gap:10px; align-items:center; margin:8px 0 18px; min-width:0 }
.school-identity>div { min-width:0 }
.school-monogram { display:grid; place-items:center; width:36px; height:38px; border:1px solid #dce5df; border-radius:10px; background:#f5f8f6; color:#55705f; font-size:12px; font-weight:650; flex-shrink:0 }
.school-english { font-size:11px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.project-school { font-size:12px; color:var(--muted); margin-bottom:5px }
.school-identity .project-school { font-size:13px; color:var(--ink); margin-bottom:2px }
.project-card h2 { font-size:22px; margin-bottom:12px; overflow-wrap:anywhere }
.programme-research { border-top:1px solid var(--line); margin-top:18px; padding-top:14px }
.programme-research .button-row { flex-wrap:wrap }
.programme-research a { text-decoration:none }
.emphasis { font-size:13px; color:#506258; margin-bottom:12px; line-height:1.85 }
.course-preview { font-size:12px; color:var(--muted); margin-bottom:16px }
.card-status { font-size:12px; background:#f5f8f6; border:1px solid #e9efeb; border-radius:10px; padding:12px; margin-top:auto; font-variant-numeric:tabular-nums }
.card-status small { display:block; margin-top:4px; font-size:11px; color:var(--muted) }
.attention { background:#f5ecd9; color:#805e30; border-radius:9px; padding:9px; font-size:12px }
.card-actions { display:flex; align-items:center; justify-content:space-between; gap:5px; flex-wrap:wrap; border-top:1px solid var(--line); margin-top:18px; padding-top:14px }
.card-actions .button { font-size:12px; padding:10px 12px }
.card-actions .soft { color:var(--ink) }
.fact-link { display:inline; border:0; background:none; padding:2px 3px; font-size:11px; color:#526e3e; white-space:nowrap; min-height:24px }
.pagination { display:flex; align-items:center; justify-content:center; gap:24px; margin:24px 0 0 }
.pagination span { font-size:12px; color:var(--muted) }
.coverage { border-top:1px solid var(--line); margin-top:22px; padding:14px 0 0 }
.coverage p { font-size:12px }
.coverage-item { padding:14px 0; border-bottom:1px solid var(--line) }
.coverage-item strong { font-size:13px }
.empty-state { padding:32px 24px; text-align:center; background:white; border:1px dashed #cfd8c7; border-radius:22px; grid-column:1/-1 }
.empty-state h3 { font-size:18px }
.empty-state p { font-size:13px }
.empty-state .button-row { justify-content:center }
.has-tray { padding-bottom:85px }
.compare-tray { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:20; background:#233f31; color:white; padding:12px 16px; border-radius:17px; display:flex; align-items:center; gap:18px; box-shadow:0 9px 35px #233f3130; max-width:calc(100% - 28px); width:570px; justify-content:space-between }
.compare-tray .primary { background:#e7f2e8; color:#28563e; white-space:nowrap }
.tray-selection summary { color:#e0e8d8; font-size:13px; min-height:44px; gap:20px }
.tray-selection[open]>summary { margin-bottom:0 }
.tray-selection ul { position:absolute; bottom:65px; left:0; width:100%; list-style:none; padding:12px 16px; margin:0; border:1px solid var(--line); border-radius:16px; background:white; color:var(--ink); box-shadow:0 5px 25px #233f3120 }
.tray-selection li { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px }
.comparison-mode { width:fit-content; max-width:100%; margin:0 0 12px }
.comparison-mode>summary { font-size:12px; gap:18px; min-height:36px }
.comparison-mode p { font-size:12px; margin:0; max-width:60ch }
.view-tabs { display:flex; flex-wrap:wrap; gap:5px; margin:20px 0; border-bottom:1px solid var(--line); padding-bottom:8px }
.view-tabs button { background:transparent; border:1px solid transparent; padding:10px 15px; min-height:44px; border-radius:9px; font-size:13px; color:var(--muted) }
.view-tabs button:hover { background:#f0f5f1 }
.view-tabs button.active { background:var(--lime); border-color:#dce9df; color:var(--green); font-weight:600 }
.compare-summary { margin-top:21px }
.compare-summary>h2 { font-size:19px }
.difference-grid,.dimension-grid,.compare-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px }
.difference-card { min-width:0; background:var(--lime); border:1px solid #dce8df; border-radius:16px; padding:20px }
.difference-card[data-dimension="practice"] { background:#edf3fb; border-color:#dce6f2 }
.difference-card[data-dimension="flexibility"] { background:var(--lavender); border-color:#e3dfee }
.difference-card>summary { color:var(--ink); font-size:17px; font-weight:600 }
.difference-value { margin:16px 0; padding-bottom:13px; border-bottom:1px solid #30453512 }
.difference-value b { font-weight:600; font-size:12px }
.difference-value p { font-size:13px; color:#4e5650; margin:5px 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.difference-card>.subtle { margin:15px 0 5px }
.dimension-card { background:white; border:1px solid var(--line); border-radius:18px; padding:22px; min-width:0 }
.compare-cards { margin-top:22px }
.compare-card { padding:18px; background:white; border:1px solid var(--line); border-radius:18px; min-width:0 }
.compare-card h3 { margin-bottom:11px; font-size:16px }
.compare-card .button { font-size:12px; padding:8px 12px }
.judgment { margin-top:12px; border-top:1px solid var(--line); padding-top:10px }
.judgment summary { font-size:12px }
.fact-row { margin:0; padding:18px 0; border-bottom:1px solid #edf1ee; font-size:13px; color:#526359; overflow-wrap:anywhere; line-height:1.9 }
.fact-row b { display:block; color:var(--ink); font-weight:600; font-size:12px; margin-bottom:6px }
.application-notes { margin-top:20px; font-size:13px; color:var(--muted) }
.application-notes h4 { color:var(--ink); font-size:12px; margin-bottom:10px }
.application-notes ul { padding-left:18px; margin-bottom:0 }
.application-notes li+li { margin-top:8px }
.tradeoff { border-left:2px solid #c6d1b4; padding-left:12px; font-size:12px; color:#6b775f }
.budget-note { font-size:13px }
.detail-actions { border-top:1px solid var(--line); padding-top:18px; margin-top:24px }
.detail-actions .button { font-size:12px }
.choice-card { background:white; border:1px solid var(--line); border-radius:20px; padding:22px; margin-bottom:16px }
.choice-head { display:flex; justify-content:space-between; gap:20px }
.choice-head h3 { margin-bottom:5px }
.choice-head select { width:auto; max-width:170px; font-size:12px }
.choice-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:15px }
.choice-next { background:var(--lime); border-radius:11px; padding:12px 15px; font-size:12px; color:#68775f; margin-top:16px }
.note-actions { margin-top:12px }
.history,.backup-panel { margin-top:23px; padding-top:18px; border-top:1px solid var(--line) }
.backup-panel p { font-size:12px }
.history-item { padding:18px; border:1px solid var(--line); background:white; border-radius:14px; margin:12px 0 }
.history-item h3 { font-size:14px; margin-bottom:7px }
.history-item p { font-size:11px; margin-bottom:10px }
.history-item pre,.answer-body { font:inherit; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; color:#43523e; line-height:1.85 }
.stale { color:#8e6227!important }
.download-group { display:flex; gap:10px; flex-wrap:wrap; align-items:center }
.download-group .check-label { width:100%; margin-top:10px }
.download-trigger { font-size:12px }
dialog { border:1px solid var(--line); border-radius:22px; max-width:680px; width:calc(100% - 32px); padding:30px; max-height:90dvh; overflow:auto; overscroll-behavior:contain; color:var(--ink); background:var(--paper); box-shadow:0 25px 100px #1f39282b }
dialog::backdrop { background:#192c254a; backdrop-filter:blur(4px) }
.side-dialog { margin:0 0 0 auto; max-height:100dvh; height:100dvh; border-radius:22px 0 0 22px; max-width:480px; padding:32px }
.wide-dialog { max-width:620px }
.dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:17px }
.dialog-heading h2 { margin:0; font-size:22px }
.dialog-heading .eyebrow { margin-bottom:5px }
.icon-button { background:#edf1e8; border:0; border-radius:50%; width:40px; height:40px; font-size:25px; line-height:1; flex-shrink:0 }
.side-dialog p { font-size:13px }
.side-dialog label { margin-top:18px }
.side-dialog fieldset { border:1px solid var(--line); border-radius:15px; padding:0 16px 16px; margin:23px 0 }
.side-dialog legend { font-size:12px; padding:0 5px }
.budget-fields { display:grid; grid-template-columns:1.5fr 1fr; gap:12px }
.side-dialog .button-row { margin-top:20px }
.form-error { color:var(--error)!important; min-height:18px }
.more-directions { margin:0; min-width:0 }
.more-directions>summary { font-size:12px; color:var(--muted); cursor:pointer; padding:9px 0; min-height:38px }
.more-directions .major-options { margin:5px 0 }
#ai-status { color:var(--muted); font-size:13px; margin-bottom:18px }
.assistant-main { min-width:0 }
#chat-form .check-label { font-size:12px; margin-top:12px }
#chat-form textarea { margin-top:0; padding:14px; border-radius:14px; line-height:1.8 }
.chat-context { margin:0 0 22px; padding:13px 15px; border-radius:14px; background:var(--bg) }
.chat-context ul { list-style:none; padding:0; margin:0 }
.chat-context li { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; font-size:12px; color:var(--muted); overflow-wrap:anywhere }
.chat-context li+li { margin-top:10px }
.chat-context b { color:var(--ink); font-weight:550 }
.chat-sharing { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:2px }
#chat-form .chat-sharing .check-label { margin-top:0 }
.chat-sharing .button { font-size:12px; padding-inline:8px; flex-shrink:0 }
.chat-actions { justify-content:space-between }
.chat-actions .primary { min-width:88px }
.chat-item { margin-bottom:23px; padding-bottom:20px; border-bottom:1px solid var(--line) }
.chat-item h3 { font-size:14px; overflow-wrap:anywhere }
.chat-item .download-trigger { margin-top:12px }
.chat-item .subtle { margin-bottom:6px }
.chat-response-tools { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:14px }
.chat-response-tools>.subtle { margin:0 auto 0 0; font-size:11px }
.chat-response-tools .button { min-height:44px; margin-top:0; padding:8px 10px; font-size:12px }
.chat-record summary { min-height:44px; font-size:12px; gap:6px }
.chat-record[open] { flex-basis:100% }
.chat-record p { margin:0; font-size:12px }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.guide-grid h4 { font-size:12px; margin:0 0 7px; color:#625a7b }
.guide p { font-size:13px }
.guide .button-row { margin:15px 0 }
.source-list { margin:20px 0 0; padding:0; list-style:none }
.source-item { padding:18px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere }
.source-item h3 { font-size:16px; margin:0 0 8px }
.source-item p { font-size:12px; margin-bottom:8px }
.source-item blockquote { font-size:12px; background:var(--bg); padding:12px; margin:12px 0; color:#687060 }
.source-item a { font-size:12px }
.research-result { background:#f6f5ed; border-radius:12px; padding:14px; margin:15px 0; font-size:12px }
.research-result pre { white-space:pre-wrap; font:inherit; font-size:12px; max-height:240px; overflow:auto; overflow-wrap:anywhere }
.research-result h4 { font-size:12px; margin-bottom:5px }
.discovery-item { padding:17px 0; border-bottom:1px solid var(--line) }
.discovery-item h3 { font-size:16px }
.discovery-item p { font-size:13px }
#discovery-form .button { margin-top:18px }
#discovery-results { margin-top:24px }
.pill { background:var(--lime); padding:4px 8px; border-radius:6px; font-size:11px }
footer { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-top:1px solid var(--line); max-width:1196px; margin:25px 32px 0; padding:16px 0 20px }
footer>button { flex-shrink:0 }
footer p { font-size:12px; margin-bottom:8px; max-width:70ch }
footer details { max-width:600px }
footer summary { width:fit-content; gap:20px; min-height:40px; font-size:12px }
#data-status { display:flex; flex-wrap:wrap; gap:6px 18px; margin:12px 0; font-size:12px; color:var(--muted) }
.notices { max-width:1196px; margin:0 32px }
.notice { padding:10px 16px; background:#f3ead7; border:1px solid #e5d8b6; color:#7c6947; border-radius:12px; font-size:12px; margin:10px 0 }
.toast { position:fixed; top:15px; left:50%; transform:translateX(-50%); max-width:calc(100% - 32px); width:max-content; z-index:100; border:1px solid #cbd6bf; background:#fffdf8; box-shadow:0 6px 24px #30452720; padding:12px 20px; border-radius:12px; font-size:13px; pointer-events:none }
.skip-link { position:fixed; top:-60px; left:20px; background:white; z-index:99; padding:12px }
.skip-link:focus { top:10px }
#tour-spotlight { position:fixed; z-index:110; pointer-events:none; border:2px solid #8bb69d; border-radius:13px; box-shadow:0 0 0 9999px #20352d66 }
#tour-dialog { position:fixed; inset:auto; margin:0; width:min(320px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:20px; border-radius:18px; box-shadow:0 12px 44px #142c2530 }
#tour-dialog::backdrop { background:transparent; backdrop-filter:none }
#tour-dialog h2 { font-size:18px; margin-bottom:8px }
#tour-description { font-size:13px; line-height:1.8; margin-bottom:18px }
.tour-progress { font-size:11px; color:var(--green); margin-bottom:10px; font-variant-numeric:tabular-nums }
.tour-actions { display:flex; justify-content:space-between; gap:12px }
.inline-tags { display:flex; flex-wrap:wrap; gap:6px; align-items:center }
.inline-tags>span { display:inline-block; padding:3px 8px; border-radius:6px; background:#eff3f0; color:#596d61; font-size:11px; line-height:1.6; overflow-wrap:anywhere }
.condition-summary { white-space:pre-line; overflow-wrap:anywhere }
.condition-context { margin:12px 0; border-bottom:1px solid var(--line); padding-bottom:10px }
.condition-context>summary { min-height:44px; display:flex; gap:10px; align-items:center }
.condition-context p { font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; margin-bottom:8px }
.personal-checks { background:#f4f7f5; border-radius:12px; padding:14px; margin:16px 0 }
.personal-checks h4 { margin:0 0 8px; font-size:13px }
.personal-checks ul { list-style:none; margin:0; padding:0 }
.personal-checks li { margin-top:8px; font-size:12px; line-height:1.9; overflow-wrap:anywhere }
.card-status .duration-conflict { color:#805e30; border-top:1px solid #e1d9c8; padding-top:6px; margin-top:6px }
.source-explanation { margin:20px 0 }
#profile-dialog { max-width:620px; padding:0; overflow:hidden }
#profile-form { display:flex; flex-direction:column; height:100%; min-height:0 }
.profile-top { flex-shrink:0; padding:24px 24px 0; border-bottom:1px solid var(--line) }
.profile-top .dialog-heading { margin-bottom:12px }
.profile-scope { display:flex; align-items:center; gap:8px; margin-top:8px; font-size:12px }
.profile-scope>span { flex:1; min-width:0; overflow-wrap:anywhere }
.profile-scope .button { flex-shrink:0; font-size:12px }
.profile-top .view-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:8px 0 0; border:0 }
.profile-top .view-tabs button { padding-inline:4px; min-width:0 }
.profile-panel { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:18px 24px 24px; scroll-padding:18px }
#profile-dialog .profile-panel>label:first-child { margin-top:0 }
#profile-dialog fieldset { margin:20px 0 }
.learning-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-top:8px }
#profile-dialog .learning-choice { display:flex; align-items:center; gap:7px; min-height:44px; margin:0; padding:8px; background:#f7f9f7; border:1px solid var(--line); border-radius:10px; cursor:pointer }
.learning-choice:has(input:checked) { background:var(--lime)!important; border-color:#82a28e!important }
.profile-field-heading { margin-top:22px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500 }
.profile-fields,.priority-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0 }
.priority-fields { grid-template-columns:repeat(3,minmax(0,1fr)) }
#profile-dialog .priority-fields label { margin-top:10px }
.subject-row { margin-top:12px; border:1px solid var(--line); border-radius:12px; padding:12px }
.subject-name-row { display:flex; gap:8px; align-items:center }
.subject-name-row>label { flex:1; min-width:0 }
#profile-dialog .subject-name-row>label { margin-top:0 }
.subject-name-row>.button { flex-shrink:0; font-size:12px }
#profile-dialog .subject-row .profile-fields label { margin-top:12px }
#add-subject { margin-top:12px }
.profile-english { margin:20px 0; padding:14px; border:1px solid var(--line); border-radius:12px }
.profile-english>summary { min-height:32px }
.profile-english .pill { margin-left:6px }
#profile-dialog .profile-english label { margin-top:8px }
.english-scores { margin-top:8px }
.profile-actions { flex-shrink:0; padding:14px 24px max(16px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:white; box-shadow:0 -6px 20px #243c2f05 }
#profile-dialog .profile-actions .button-row { margin:0 }
#profile-error { margin:0 0 10px; overflow-wrap:anywhere; max-height:80px; overflow-y:auto }
#profile-error:empty { display:none }
#profile-error:focus { outline:2px solid var(--error); outline-offset:3px; border-radius:4px }
@media(max-width:480px) {
  .profile-top { padding:18px 16px 0; padding-top:max(18px,env(safe-area-inset-top)) }
  .profile-top .view-tabs button { font-size:12px }
  .profile-panel { padding:16px }
  .profile-actions { padding-inline:16px }
  .priority-fields { grid-template-columns:1fr; gap:8px; margin-top:12px }
  #profile-dialog .priority-fields label { display:grid; grid-template-columns:70px minmax(0,1fr); align-items:center; margin:0 }
  .priority-fields select { margin-top:0 }
  .profile-fields { gap:10px }
  .profile-english { padding:12px }
}
@media(min-width:1100px) {
  body { padding-left:216px }
  .header { position:fixed; top:0; left:0; bottom:0; width:216px; padding:32px 20px 24px; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; border-bottom:0; border-right:1px solid var(--line); overflow-y:auto; backdrop-filter:none; background:white }
  .brand { margin-bottom:58px; padding-left:4px }
  .header nav { flex-direction:column; align-items:stretch; gap:10px }
  .nav-button { padding:13px 11px; gap:11px; white-space:normal }
  .nav-copy { flex:1 }
  .header-tools { flex-direction:column; align-items:stretch; margin-top:auto; padding-top:40px; gap:6px }
  .header-tools .button { justify-content:flex-start; padding:11px 13px }
  .header-tools .button.active { background:var(--lime) }
  #open-assistant { margin-top:8px; background:var(--lime); border-color:#dce9df; color:var(--green) }
  #saved-count { margin-left:auto }
  #main,.project-grid { scroll-margin-top:24px }
  .compare-tray { left:calc(50% + 108px) }
}
@media(max-width:1000px) {
  .header { gap:10px; padding-inline:20px }
  .nav-button { padding-inline:11px }
  .header-tools .button { padding-inline:9px; font-size:12px }
  .project-card { padding:18px }
  footer,.notices { margin-inline:24px }
  .start-workspace { gap:28px; margin-top:40px }
  .start-card { padding:24px }
}
@media(min-width:761px) and (max-width:850px) {
  .start-workspace { max-width:600px; grid-template-columns:1fr }
  .start-intro h1 { font-size:34px; margin:10px 0 }
  .desktop-break { display:none }
  .start-description { margin-bottom:10px }
  .header .brand small { display:none }
  .header { gap:8px }
  .nav-button { gap:5px; padding-inline:8px }
  .nav-step { width:21px; height:21px }
}
@media(max-width:760px) {
  #main,.project-grid { scroll-margin-top:135px }
  .header { flex-wrap:wrap; padding:13px 16px; gap:10px }
  .brand { font-size:15px; gap:7px }
  .brand-mark { width:30px; height:35px }
  .brand-mark svg { width:26px; height:26px }
  .header-tools { margin-left:auto; gap:1px }
  .header-tools .button { padding:8px; font-size:11px }
  .header nav { order:3; width:100%; justify-content:space-between; border-top:1px solid var(--line); padding-top:10px }
  .nav-button { flex:1; justify-content:center; gap:7px; font-size:12px; min-height:44px; padding:8px }
  .nav-button .nav-copy { font-size:12px }
  .nav-step { width:21px; height:21px; border-radius:6px }
  .nav-count { margin-left:0; min-width:18px; height:18px }
  .workspace { padding:0 16px; margin:20px auto 25px }
  .start-workspace { margin-top:24px; display:block }
  h1 { font-size:27px }
  .start-intro h1 { font-size:30px; margin:0 0 9px; letter-spacing:-.035em; line-height:1.4 }
  .desktop-break { display:none }
  .start-description { font-size:13px; line-height:1.8; margin-bottom:9px }
  .catalogue-summary { font-size:11px; margin-bottom:20px }
  .start-card { padding:20px; border-radius:20px }
  .start-card .section-heading .button { font-size:12px; padding:6px; min-height:44px }
  .start-card .section-heading { align-items:center; flex-wrap:nowrap }
  .major-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px }
  .major-button { font-size:12px; min-height:52px; padding:11px 10px; gap:7px }
  .major-button::before { height:19px; width:3px }
  .country-choice { margin-top:10px; padding-top:14px; font-size:12px }
  .start-actions { margin-top:18px; gap:9px }
  .start-actions .primary { min-height:46px; font-size:13px }
  .section-heading { align-items:flex-start; flex-wrap:wrap; gap:10px }
  .section-heading .button-row { gap:5px }
  .section-heading .button { font-size:12px; padding:8px 11px }
  .section-heading .page-actions { gap:2px }
  .page-actions .button { min-height:44px }
  .filters label,.filters .search-label { width:100%; min-width:0 }
  .project-grid { grid-template-columns:1fr; gap:13px }
  .project-card { padding:18px; border-radius:19px }
  .project-topline { margin-bottom:7px }
  .project-card h2 { font-size:19px; margin-bottom:9px }
  .project-card .emphasis { margin-bottom:10px }
  .school-identity { margin:7px 0 14px }
  .course-preview { display:none }
  .card-status { font-size:12px }
  .card-status small { font-size:11px }
  .compare-tray { bottom:max(10px,env(safe-area-inset-bottom)); padding:11px 13px; gap:10px }
  .compare-tray .button { font-size:12px; padding:9px 11px }
  .tray-selection summary { font-size:11px }
  .difference-grid,.dimension-grid,.compare-cards { grid-template-columns:1fr }
  .difference-card { padding:17px }
  .difference-card>summary { font-size:16px }
  .view-tabs { gap:5px }
  .view-tabs button { padding:10px 11px; font-size:12px }
  .compare-cards { gap:10px }
  .compare-card { padding:16px }
  .choice-fields { grid-template-columns:1fr; gap:12px }
  .choice-head { gap:10px }
  .choice-head h3 { font-size:17px }
  .choice-head select { max-width:125px; font-size:11px; padding:8px }
  .choice-card { padding:18px }
  dialog { padding:22px; border-radius:20px }
  .side-dialog { width:100%; max-width:100%; border-radius:0; padding:22px; padding-top:max(22px,env(safe-area-inset-top)); padding-bottom:max(22px,env(safe-area-inset-bottom)) }
  .dialog-heading h2 { font-size:21px }
  .guide-grid { grid-template-columns:1fr; gap:3px }
  .has-tray { padding-bottom:95px }
  footer,.notices { margin-inline:16px }
  footer { margin-top:20px }
}
@media(max-width:760px) and (max-height:780px) {
  .start-workspace { margin-top:14px }
  .start-intro h1 { font-size:26px; line-height:1.25; margin-bottom:6px }
  .start-description { display:none }
  .catalogue-summary { font-size:10px; margin-bottom:12px }
  .start-card { padding:16px }
  .start-card .section-heading { margin-bottom:8px }
  .country-choice { margin-top:4px; padding-top:10px }
  .start-actions { margin-top:12px }
  .start-actions>span { display:none }
}
@media(max-width:380px) {
  .major-button { padding-inline:8px; gap:6px }
  .major-button small { font-size:9px; padding:3px }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; animation:none!important } }
@media print {
  .header,.compare-tray,.button,.compact-options,.backup-panel,.notices,dialog:not([open]) { display:none!important }
  body { background:white; overflow:visible!important; padding-left:0 }
  .workspace { margin:20px auto }
  .project-grid,.difference-grid,.dimension-grid,.compare-cards { display:block }
  .project-card,.difference-card,.dimension-card,.compare-card { break-inside:avoid; margin-bottom:16px; box-shadow:none }
  dialog[open] { position:static; width:100%; max-width:none; height:auto; max-height:none; overflow:visible; box-shadow:none; border:0 }
}