#important,#general { scroll-margin-top:140px; }
.sub-order-label { color:var(--ui-muted);font-size:12px;white-space:nowrap; }
.sub-major-layout { display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:46px; }
#sub-major-nav { border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-panel);padding:8px; }
.sub-major-tab { display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;width:100%;padding:11px 12px;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--ui-text);text-align:left;cursor:pointer; }
.sub-major-tab:hover { background:#2d2726; }
.sub-major-tab[aria-current="true"] { background:#3a2721;border-color:#744332; }
.sub-major-tab .sub-sequence { grid-row:1/3;color:#9a8980;font-size:12px;align-self:center; }
.sub-major-tab strong { font-size:13px;font-weight:600; }
.sub-major-tab time { color:var(--ui-muted);font-size:11px; }
.sub-region-total { color:var(--ui-muted);font-size:11px; }
.sub-region-tab { border-radius:0; }
.sub-region-tab:last-child { border-radius:0 0 9px 9px; }
#sub-major-detail { min-width:0;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-panel);padding:26px; }
.sub-major-badge { color:#f3ae94;font-size:11px;background:#3d2b24;border-radius:5px;padding:3px 8px;display:inline-block; }
#sub-major-detail h3 { font-size:24px;margin:12px 0 6px; }
.sub-major-description { font-size:14px;color:#c5beb9;margin:10px 0 18px; }
.sub-date-source { font-size:12px;color:var(--ui-muted); }
.sub-guide-links { display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px; }
.sub-guide-links .quest-link { width:112px; }
.sub-major-quests { border-color:#49403b;background:#1c1a1b; }
.sub-major-quests>summary { padding:14px 16px; }
.sub-major-quests .quest-row { padding:16px; }
.sub-major-quests .quest-identity h4 { margin:0;font-weight:500;font-size:14px;overflow-wrap:anywhere; }
.sub-chain-note { padding:0 16px;color:var(--ui-muted);font-size:12px; }
.sub-more { margin:12px 16px 18px;padding:8px 18px;background:#38271f;color:#fac3a7;border:1px solid #73503c;border-radius:8px;cursor:pointer; }
#sub-region { width:100%;padding:12px 14px;margin-bottom:16px;border:1px solid #494144;border-radius:8px;background:#141416;color:var(--ui-text);color-scheme:dark; }
#sub-region-count { color:var(--ui-muted);font-size:12px; }
#sub-region-guides:not(:empty) { margin-top:16px;padding-top:14px;border-top:1px solid var(--ui-border);display:flex;flex-direction:column;gap:7px; }
.sub-regional-guide { color:#e7b199;font-size:12px;text-decoration:none;overflow-wrap:anywhere; }
.sub-regional-guide:hover { text-decoration:underline;color:#ffd4c5; }
.sub-general-list { border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-panel); }
.sub-general-list:empty { display:none; }
.sub-general-list>.quest-row:first-child { border-top:0; }
.sub-general-list .quest-identity h3 { margin:0; }
#general .quest-list-heading { flex-wrap:wrap;gap:8px; }
#general .quest-row { grid-template-columns:24px minmax(0,1fr);gap:8px 12px; }
#general .quest-actions { grid-column:2; }
.sub-zone-label { font-size:11px;color:var(--ui-muted);display:block;margin-top:4px; }
#sub-pagination { display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0; }
#sub-pagination button { background:#312521;border:1px solid #54403a;border-radius:8px;padding:8px 15px;color:#f4b29d;cursor:pointer; }
#sub-pagination button:disabled { opacity:.35;cursor:default; }
#sub-pagination span { color:var(--ui-muted);font-size:13px; }
@media(max-width:1100px) { .sub-major-layout { grid-template-columns:285px minmax(0,1fr);gap:14px; }.sub-major-quests .quest-row { grid-template-columns:24px minmax(0,1fr);gap:8px 12px; }.sub-major-quests .quest-actions { grid-column:2; } }
@media(max-width:800px) { .sub-major-layout { grid-template-columns:minmax(0,1fr);gap:14px; }#sub-major-nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }.sub-major-tab { padding:10px 8px;grid-template-columns:20px minmax(0,1fr);column-gap:6px; }.sub-major-tab strong { font-size:11px;overflow-wrap:anywhere; }#sub-major-detail { padding:18px; }#sub-major-detail h3 { font-size:21px; }.sub-guide-links { gap:8px; }.sub-chain-note { padding:0 12px; } }
.subquests-page #content{height:calc(100dvh - 120px);min-height:0;padding:14px 26px 10px;display:flex;flex-direction:column;gap:10px}
.subquests-page .ui-page-intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0;flex-shrink:0}
.subquests-page .ui-page-intro .ui-eyebrow{display:none}
.subquests-page .ui-page-intro h1{font-size:26px}
.subquests-page .ui-page-intro p:not(.ui-eyebrow){margin:0;font-size:12px}
.subquests-page .quest-stats{gap:8px;margin:0;flex-shrink:0}
.subquests-page .quest-stats>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;border-radius:8px}
.subquests-page .quest-stats span{font-size:11px}
.subquests-page .quest-stats strong{font-size:18px;margin:0;white-space:nowrap}
.subquests-page #important{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px}
.subquests-page #important>.quest-list-heading{flex-shrink:0;gap:8px;flex-wrap:wrap}
.subquests-page #important-title{font-size:14px}
.subquests-page .sub-order-label{font-size:11px}
.subquests-page #important>.quest-note{font-size:11px;margin:0;flex-shrink:0}
.subquests-page .sub-major-layout{flex:1;min-height:0;align-items:stretch;margin:0}
.subquests-page #sub-major-nav,.subquests-page #sub-major-detail{min-height:0;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#89604c #1b1819}
.subquests-page #sub-major-nav{min-width:0;align-content:start}
:is(#sub-major-nav,#sub-major-detail)::-webkit-scrollbar{width:8px}
:is(#sub-major-nav,#sub-major-detail)::-webkit-scrollbar-track{background:#1b1819}
:is(#sub-major-nav,#sub-major-detail)::-webkit-scrollbar-thumb{background:#89604c;border:2px solid #1b1819;border-radius:8px}
:is(#sub-major-nav,#sub-major-detail)::-webkit-scrollbar-thumb:hover{background:#bb8463}
.sub-source{position:relative;flex-shrink:0;margin:0;font-size:10px}
.sub-source summary{cursor:pointer;width:fit-content;color:#b3a59e}
.sub-source>div{position:absolute;bottom:calc(100% + 8px);left:0;z-index:5;max-width:650px;padding:12px 16px;background:#252123;border:1px solid #56443b;border-radius:10px;box-shadow:0 8px 24px #0008;max-height:35dvh;overflow:auto;font-size:12px}
@media(max-width:800px){
 .subquests-page #content{padding:10px 14px 8px;gap:7px}
 .subquests-page .ui-page-intro h1{font-size:21px}
 .subquests-page .ui-page-intro p:not(.ui-eyebrow){font-size:11px}
 .subquests-page .quest-stats{gap:5px}
 .subquests-page .quest-stats>div{padding:5px 7px;gap:2px;flex-direction:column;align-items:flex-start}
 .subquests-page .quest-stats span{font-size:10px}
 .subquests-page .quest-stats strong{font-size:15px}
 .subquests-page #important{gap:5px}
 .subquests-page #important-title{font-size:12px}
 .subquests-page #important>.quest-note{font-size:10px}
 .subquests-page .sub-major-layout{grid-template-rows:minmax(110px,.42fr) minmax(0,1fr);gap:8px}
 .subquests-page #sub-major-nav{align-content:start}
}