.quest-stats .journal-date{font-size:23px}
.journal-update{padding:20px 24px;border:1px solid #654232;border-radius:12px;background:linear-gradient(120deg,#34251f,#242023);margin-bottom:28px}
.journal-update strong{color:#f4ba9d;font-size:15px}
.journal-update p{color:#c6bdb7;font-size:13px;margin:8px 0}
.journal-update a,.journal-sources a{color:#e9ae92;font-size:12px;text-decoration:none}
.journal-update a:hover,.journal-sources a:hover{text-decoration:underline}
.journal-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:stretch;height:clamp(360px,calc(100dvh - 160px),760px)}
.journal-sidebar,#journal-detail{border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-panel);min-width:0}
.journal-sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.journal-find{flex-shrink:0}
#journal-nav{flex:1;min-height:0;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable}
#journal-detail{min-height:0;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable}
:is(#journal-nav,#journal-detail){scrollbar-width:thin;scrollbar-color:#89604c #1b1819}
:is(#journal-nav,#journal-detail)::-webkit-scrollbar{width:8px}
:is(#journal-nav,#journal-detail)::-webkit-scrollbar-track{background:#1b1819}
:is(#journal-nav,#journal-detail)::-webkit-scrollbar-thumb{background:#89604c;border:2px solid #1b1819;border-radius:8px}
:is(#journal-nav,#journal-detail)::-webkit-scrollbar-thumb:hover{background:#bb8463}
.journal-find{padding:20px 20px 10px;border-bottom:1px solid var(--ui-border)}
.journal-find label{display:block;color:#c8beb9;font-size:12px;margin-bottom:6px}
.journal-find input,.journal-find select{width:100%;box-sizing:border-box;background:#161517;color:var(--ui-text);border:1px solid #494144;border-radius:8px;padding:11px 12px;font:inherit;font-size:13px;margin-bottom:14px;color-scheme:dark}
#journal-count{color:var(--ui-muted);font-size:12px;margin:0 0 8px}
#journal-nav{padding:8px}
.journal-tab{display:block;width:100%;background:transparent;color:var(--ui-text);border:1px solid transparent;border-radius:9px;padding:12px;text-align:left;cursor:pointer}
.journal-tab strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.journal-tab span{display:block;color:var(--ui-muted);font-size:11px;margin-top:5px}
.journal-tab:hover{background:#2d2726}
.journal-tab[aria-current="page"]{background:#3a2721;border-color:#744332}
#journal-detail{padding:28px;scroll-margin-top:140px}
.journal-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.journal-badge{color:#f3ae94;font-size:11px;background:#3d2b24;border-radius:5px;padding:4px 8px}
.journal-size{color:var(--ui-muted);font-size:12px}
#journal-detail>h2{font-size:26px;margin:14px 0 10px;overflow-wrap:anywhere}
.journal-summary{font-size:14px;color:#c5beb9;margin:0 0 22px}
.journal-facts{margin:0 0 24px;border-block:1px solid var(--ui-border)}
.journal-facts>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid #363031}
.journal-facts>div:last-child{border-bottom:0}
.journal-facts dt{color:var(--ui-muted);font-size:12px}
.journal-facts dd{margin:0;font-size:13px;color:#ded5cf;overflow-wrap:anywhere}
.journal-tips{padding:18px 20px;background:#1a1819;border:1px solid #3d3532;border-radius:10px}
.journal-tips h3,#journal-detail .quest-list-heading h3{font-size:16px;margin:0}
.journal-tips ol{padding-left:20px;margin:10px 0 0;color:#bdb4af;font-size:13px}
.journal-tips li+li{margin-top:8px}
.journal-sources{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 28px}
#journal-detail .quest-list-heading{margin-bottom:14px}
#journal-detail .quest-list-heading span{color:var(--ui-muted);font-size:12px}
.journal-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.journal-guide{display:flex;flex-direction:column;border:1px solid #4a3c35;background:#29211e;border-radius:10px;padding:16px;text-decoration:none;color:var(--ui-text);min-width:0}
.journal-guide:hover{border-color:#a2694c;background:#33271f}
.journal-guide-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:11px;color:#b5a398;margin-bottom:10px}
.journal-guide-scope{color:#f0b898}
.journal-guide strong{font-size:14px;overflow-wrap:anywhere}
.journal-guide-note{font-size:11px;color:#a99b94;margin:8px 0 12px}
.journal-guide-open{margin-top:auto;font-size:12px;color:#ffc6a5}
.journal-search-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ui-border)}
.journal-search-links .quest-link{width:auto;padding:12px 16px}
.journal-mainquest{display:flex;flex-direction:column;gap:8px;padding:20px 22px;margin:0 0 24px;border:1px solid #a76646;border-radius:10px;background:linear-gradient(120deg,#503021,#38251f);text-decoration:none;color:#fff0e5}
.journal-mainquest:hover{border-color:#efac87;background:#503021}
.journal-mainquest-label{font-size:11px;color:#ffc5a3}
.journal-mainquest strong{font-size:18px;overflow-wrap:anywhere}
.journal-mainquest-note{font-size:12px;color:#dac1b1}
.journal-official{margin-top:24px;padding-top:18px;border-top:1px solid var(--ui-border)}
.journal-official h3{font-size:13px;font-weight:500;color:var(--ui-muted);margin:0 0 10px}
.journal-official .journal-sources{margin:0;gap:8px 16px}
.journal-official .journal-sources a{color:#b8aaa1;font-size:12px}
:is(.journal-tab,.journal-guide,.journal-mainquest,.journal-find input,.journal-find select):focus-visible{outline:2px solid #efac87;outline-offset:3px}
@media(max-width:800px){.journal-layout{height:auto}.journal-sidebar{height:360px}#journal-detail{height:clamp(360px,calc(100dvh - 140px),700px);box-sizing:border-box}}
@media(max-width:1100px){.journal-layout{grid-template-columns:285px minmax(0,1fr);gap:14px}}
@media(max-width:800px){.quest-stats .journal-date{font-size:14px}.journal-layout{grid-template-columns:minmax(0,1fr)}#journal-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.journal-tab{padding:10px 8px}.journal-tab strong{font-size:11px}.journal-tab span{font-size:10px}.journal-update{padding:16px}#journal-detail{padding:18px}#journal-detail>h2{font-size:22px}.journal-guides{grid-template-columns:minmax(0,1fr)}.journal-facts>div{grid-template-columns:65px minmax(0,1fr);gap:10px}.journal-tips{padding:16px}.journal-search-links .quest-link{width:100%}}
.journals-page #content{height:calc(100dvh - 120px);min-height:0;padding:14px 26px 10px;display:flex;flex-direction:column;gap:10px}
.journals-page .ui-page-intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0;flex-shrink:0}
.journals-page .ui-page-intro .ui-eyebrow{display:none}
.journals-page .ui-page-intro h1{font-size:26px}
.journals-page .ui-page-intro p:not(.ui-eyebrow){margin:0;font-size:12px}
.journals-page .quest-stats{gap:8px;margin:0;flex-shrink:0}
.journals-page .quest-stats>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;border-radius:8px}
.journals-page .quest-stats span{font-size:11px}
.journals-page .quest-stats strong{font-size:18px;margin:0;white-space:nowrap}
.journals-page .quest-stats .journal-date{font-size:13px}
.journals-page .journal-update{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;padding:7px 12px;margin:0;border-radius:8px;flex-shrink:0}
.journals-page .journal-update strong{font-size:12px}
.journals-page .journal-update p{font-size:11px;margin:0;flex:1;min-width:220px}
.journals-page .journal-update a{font-size:11px;white-space:nowrap}
.journals-page .journal-layout{flex:1;min-height:0;height:auto}
.journals-page .journal-find{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;padding:12px 14px 8px}
.journals-page .journal-find label{margin:0;font-size:11px}
.journals-page .journal-find label[for="journal-group"]{grid-column:2;grid-row:1}
.journals-page .journal-find input,.journals-page .journal-find select{grid-row:2;margin:0;padding:7px 8px;font-size:12px;min-width:0}
.journals-page #journal-count{grid-column:1/-1;margin:0;font-size:11px}
.journal-source{position:relative;flex-shrink:0;margin:0;font-size:10px}
.journal-source summary{cursor:pointer;width:fit-content;color:#b3a59e}
.journal-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){
 .journals-page #content{padding:10px 14px 8px;gap:7px}
 .journals-page .ui-page-intro h1{font-size:21px}
 .journals-page .ui-page-intro p:not(.ui-eyebrow){font-size:11px}
 .journals-page .quest-stats{gap:5px}
 .journals-page .quest-stats>div{padding:5px 7px;gap:2px;flex-direction:column;align-items:flex-start}
 .journals-page .quest-stats span{font-size:10px}
 .journals-page .quest-stats strong{font-size:15px}
 .journals-page .quest-stats .journal-date{font-size:11px}
 .journals-page .journal-update{padding:6px 9px;gap:2px 8px}
 .journals-page .journal-update p{display:none}
 .journals-page .journal-update strong{font-size:11px}
 .journals-page .journal-update a{font-size:10px}
 .journals-page .journal-layout{grid-template-rows:minmax(150px,.42fr) minmax(0,1fr);gap:8px}
 .journals-page .journal-sidebar,.journals-page #journal-detail{height:auto}
 .journals-page .journal-find{padding:7px 10px 5px;gap:2px 6px}
 .journals-page .journal-find input,.journals-page .journal-find select{padding:5px 7px;font-size:11px}
 .journals-page #journal-nav{align-content:start}
}