/* A reading-first dossier, using the existing Bencheval dashboard tokens. */
.guide-intro{display:flex;align-items:flex-start;gap:18px;margin:-4px 0 22px;padding:17px 20px;border-left:3px solid var(--blue);background:#edf2fd;border-radius:0 8px 8px 0;color:#4f6280;font-size:14px;line-height:1.7}
.guide-intro strong{flex-shrink:0;color:#29467f}.guide-intro p{margin:0}
.guide-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;align-items:end;gap:14px;padding:19px 22px;margin-bottom:22px}
.guide-toolbar label{display:flex;min-width:0;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.guide-toolbar input,.guide-toolbar select{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:14px var(--font)}
.guide-toolbar input:focus-visible,.guide-toolbar select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.guide-toolbar .button{min-height:44px}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.guide-directory{position:sticky;top:24px;overflow:hidden}.guide-directory-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid var(--line)}
.guide-directory-head h2{margin:0;font-size:16px}.guide-directory-head>span{color:var(--muted);font:12px var(--mono)}
#guide-list{max-height:72vh;overflow-y:auto;padding:8px;scrollbar-width:thin}
.guide-list-item{width:100%;display:flex;flex-direction:column;gap:7px;padding:13px 12px;margin-bottom:5px;text-align:left;background:#fff;border:1px solid transparent;border-radius:7px;color:var(--ink);transition:background-color .16s}
.guide-list-item:hover{background:#f4f6fb}.guide-list-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.guide-list-item.selected{border-color:#bcccf4;background:#edf2ff;box-shadow:inset 3px 0 var(--blue)}
.guide-list-item strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.guide-list-item>span:not(.guide-item-top){font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.guide-list-item small{font-size:11px;line-height:1.5;color:#748297}.guide-item-top{display:flex;align-items:center;justify-content:space-between}
.guide-item-index{font:10px var(--mono);color:#8b99ad;letter-spacing:.1em}.guide-status-dot{width:6px;height:6px;border-radius:50%;background:#bbc3d0}.guide-status-dot.ranked{background:#48a690}
#guide-detail-slot{min-width:0}.guide-detail{scroll-margin-top:18px;overflow:hidden;border-top:3px solid var(--blue)}
.guide-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:25px 25px 19px}
.guide-detail-head h2{margin:7px 0 9px;font-size:26px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.5px}.guide-detail-head h2:focus{outline:none}
.guide-detail-head p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}.guide-detail-head .status-pill{flex-shrink:0}
.guide-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 25px;gap:10px}
.guide-quick>div{min-width:0;background:#f4f6fc;padding:14px 11px;border-radius:7px;display:flex;flex-direction:column;gap:7px}
.guide-quick span{font-size:11px;color:var(--muted);line-height:1.5}.guide-quick strong{font:600 21px var(--mono);letter-spacing:-.6px;overflow-wrap:anywhere}.guide-quick>div:first-child strong{color:var(--blue)}
.guide-quick small{font-size:10px;line-height:1.5;color:#7d889b}
.guide-actions{display:flex;flex-wrap:wrap;gap:8px;padding:18px 25px 23px}.guide-actions .button{font-size:12px;padding:9px 12px}
.guide-section{padding:23px 25px;border-top:1px solid var(--line)}
.guide-section h3{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--ink)}
.guide-section h3>span{font:11px var(--mono);color:#7e96c0;letter-spacing:.05em}
.guide-facts{margin:0}.guide-facts>div{display:grid;grid-template-columns:138px minmax(0,1fr);gap:15px;padding:10px 0;border-bottom:1px solid #f0f2f7;font-size:13px;line-height:1.75}
.guide-facts>div:last-child{border-bottom:0}.guide-facts dt{color:var(--muted)}.guide-facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.guide-note{color:var(--muted);font-size:13px;line-height:1.9;margin:14px 0 0;overflow-wrap:anywhere}
.guide-alert{padding:15px 17px;margin-top:17px;background:#fff7e9;border:1px solid #efdab8;border-radius:7px;color:#8b693a;font-size:13px;line-height:1.8}
.guide-alert p{margin:7px 0}.guide-alert small{display:block;font-size:11px}.guide-alert a{display:block}
.guide-notes p{font-size:13px;line-height:1.9;padding:0 0 0 13px;margin:0 0 14px;border-left:2px solid #d4def0;color:#4f6280;overflow-wrap:anywhere}
.guide-related{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin-top:12px}.guide-related button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:#f7f9fd;color:#365fbd;font-size:12px}
.guide-sources{margin-top:17px}.guide-sources>div{display:flex;gap:13px;padding:13px 0;border-top:1px solid #eef1f6}.guide-sources>div>span{font:11px var(--mono);color:#93a0b5;flex-shrink:0;padding-top:4px}
.guide-sources>div>div{min-width:0}.guide-sources small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
.guide-detail a{color:#365fbd;font-size:12px;line-height:1.8;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.guide-records{font-size:13px;line-height:1.8}.guide-records+details{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.guide-records summary{cursor:pointer;font-size:14px;color:var(--ink)}.guide-records summary>span{font-size:11px;color:var(--muted);margin-left:8px}
.guide-score-record,.guide-gap{border-top:1px solid var(--line);padding:16px 0;margin-top:12px}.guide-score-record header{display:flex;gap:15px;justify-content:space-between;align-items:baseline}
.guide-score-record strong{font-size:14px;overflow-wrap:anywhere}.guide-score-record b{font:600 15px var(--mono);color:var(--blue);flex-shrink:0}
.guide-record-match{display:block;font-size:11px;color:#8090a9;margin-top:6px}.guide-score-record p,.guide-gap p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0;overflow-wrap:anywhere}
.guide-empty{padding:30px 20px;color:var(--muted);font-size:13px;line-height:1.8}.guide-empty h2{font-size:18px;color:var(--ink)}
@media(max-width:1100px){.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:17px}.guide-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-facts>div{grid-template-columns:110px minmax(0,1fr);gap:12px}}
@media(max-width:800px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-directory{position:static}.guide-directory-head{padding:15px 17px}#guide-list{max-height:255px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px}.guide-list-item{margin:0;padding:11px;min-width:0}.guide-list-item>span:not(.guide-item-top){font-size:11px}.guide-list-item strong{font-size:12px}.guide-list-item small{font-size:10px}.guide-toolbar{grid-template-columns:minmax(0,1fr) 150px auto;padding:16px;gap:10px}.guide-intro{display:block}.guide-intro p{margin-top:6px}.guide-list-item.selected{box-shadow:inset 3px 0 var(--blue)}}
@media(max-width:480px){.guide-toolbar{grid-template-columns:minmax(0,1fr) auto;padding:15px}.guide-toolbar label:first-child{grid-column:1/-1}.guide-toolbar label:nth-child(2){min-width:0}.guide-toolbar input,.guide-toolbar select{font-size:16px}.guide-intro{padding:14px 15px;font-size:13px}.guide-detail-head{padding:19px 17px;gap:10px}.guide-detail-head h2{font-size:23px}.guide-quick{margin-inline:17px;gap:8px}.guide-quick>div{padding:12px 10px}.guide-quick strong{font-size:20px}.guide-actions{padding:16px 17px 19px;gap:7px}.guide-actions .button{flex:1 1 110px;font-size:11px;min-height:40px;padding:8px}.guide-section{padding:20px 17px}.guide-section h3{font-size:15px;gap:9px}.guide-facts>div{grid-template-columns:85px minmax(0,1fr);gap:10px;font-size:12px}.guide-note,.guide-notes p{font-size:12px}.guide-score-record header{flex-wrap:wrap}.guide-detail a{font-size:11px}#guide-list{max-height:255px}.guide-status-dot{flex-shrink:0}}

/* Concrete task descriptions take precedence over technical metadata. */
.guide-description{background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.guide-description-lead{margin:0;color:#344966;font-size:15px;line-height:1.95;overflow-wrap:anywhere}
.guide-description-block{margin-top:22px}.guide-description-block h4{margin:0 0 8px;font-size:13px;color:#365481;letter-spacing:.02em}
.guide-description-block p{margin:0;font-size:14px;color:#51647f;line-height:1.95;overflow-wrap:anywhere}
.guide-description-focus{padding:15px 17px;margin-top:22px;border-left:2px solid #7298e7;background:#f0f4fc;border-radius:0 6px 6px 0}
.guide-description-focus strong{display:block;font-size:12px;color:#3e5f98;margin-bottom:6px}.guide-description-focus p{margin:0;font-size:13px;line-height:1.9;color:#4c6281;overflow-wrap:anywhere}
.guide-version-note{font-size:12px;line-height:1.8;color:#8490a4;margin:15px 0 0;overflow-wrap:anywhere}
@media(max-width:480px){.guide-description-lead{font-size:14px;line-height:1.9}.guide-description-block{margin-top:19px}.guide-description-block p{font-size:13px;line-height:1.95}.guide-description-focus{padding:13px 14px;margin-top:19px}.guide-description-focus p{font-size:12px}.guide-version-note{font-size:11px}}