.manual-callout{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;margin:0 0 28px;border:1px solid #5c3b29;border-radius:9px;background:linear-gradient(115deg,#2b211b,#1b1b20 75%)}
.manual-callout .eyebrow{display:block;font-size:9px;margin-bottom:6px}.manual-callout h2{font-size:19px}.manual-callout p{margin:7px 0;font-size:13px}.manual-callout small{font-size:12px}.manual-icon{color:var(--orange)}.manual-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5}.manual-callout .button{min-height:44px;white-space:normal}
.manual-hero{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);gap:38px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:32px}
.manual-cover{display:flex;flex-direction:column;gap:25px;min-height:330px;padding:28px;background:linear-gradient(145deg,#25313a,#151b21);border:1px solid #53616b;border-left:8px solid var(--orange);border-radius:3px 10px 10px 3px;box-shadow:10px 13px 25px #0003}.manual-cover>span{font-size:11px;font-weight:800;letter-spacing:2px}.manual-cover svg{width:42px;height:42px;fill:none;stroke:var(--orange);stroke-width:1.25}.manual-cover strong{font-size:clamp(24px,2.4vw,34px);line-height:1.22;letter-spacing:-.6px}.manual-cover small{margin-top:auto;font-size:9px;letter-spacing:1.5px;color:#c2ced5}
.manual-intro{min-width:0}.manual-intro h2{font-size:clamp(23px,2.5vw,32px);line-height:1.25}.manual-intro>p{margin:18px 0}.manual-meta{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 25px}.manual-meta li{border:1px solid #424249;border-radius:30px;padding:6px 12px;font-size:12px;color:#d2d2da}.manual-intro .button{min-height:48px}.manual-hint{font-size:12px!important;line-height:1.65;margin-top:17px!important;color:#b4b4bf}
.manual-topics{margin-top:38px}.manual-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.manual-topic{min-width:0;display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.manual-topic small{color:var(--soft);font-size:10px;letter-spacing:1px;margin-bottom:14px}.manual-topic p{font-size:13px;margin:12px 0 18px}.manual-topic>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;color:var(--soft);font-size:13px;font-weight:700}.manual-topic>a:hover{color:#fff}
.manual-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:36px 0 0;padding:28px;border:1px solid var(--line);border-radius:9px;background:#17171b}.manual-notes h2{font-size:19px}.manual-notes p{font-size:13px;margin:12px 0 20px}.manual-notes .button{min-height:44px}.discovery-home+.manual-callout{margin-top:28px}
@media (min-width:961px) and (max-width:1200px){.top-nav{gap:16px}.topbar{gap:20px}.top-search{display:none}.manual-hero{gap:24px;padding:26px}.manual-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.manual-callout{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:18px}.manual-icon svg{width:30px;height:30px}.manual-callout>.button{grid-column:1/-1;width:100%}.manual-callout h2{font-size:18px}.manual-hero{grid-template-columns:minmax(0,1fr);padding:22px;gap:26px}.manual-cover{min-height:0;gap:16px;max-width:300px;width:100%;margin:0 auto;padding:24px}.manual-cover strong{font-size:29px}.manual-cover svg{display:none}.manual-cover small{margin-top:7px}.manual-intro .button-group{align-items:stretch;flex-direction:column}.manual-intro .button{width:100%}.manual-topic-grid,.manual-notes{grid-template-columns:minmax(0,1fr)}.manual-topic{padding:20px}.manual-notes{padding:22px;gap:30px}.manual-meta{gap:7px}.manual-meta li{font-size:11px}.manual-hint{overflow-wrap:anywhere}}

/* Readable illustrated topic guides, consistent with the public arena. */
.public-page .manual-hero{padding:clamp(26px,4vw,48px);gap:clamp(26px,4vw,52px);border-radius:16px;background:radial-gradient(ellipse at 0 0,#40302722,transparent 70%),var(--surface)}
.public-page .manual-cover{max-width:360px;min-height:350px;margin-inline:auto;width:100%}
.public-page .manual-cover>span{font-size:13px}.public-page .manual-cover small{font-size:11px;line-height:1.7}
.public-page .manual-intro h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.8px;line-height:1.2}
.public-page .manual-intro>p{font-size:16px;line-height:1.8}
.public-page .manual-intro .eyebrow{font-size:12px;line-height:1.6}
.public-page .manual-meta li{font-size:13px;padding:7px 12px}
.public-page .manual-hint{font-size:14px!important;line-height:1.75}
.public-page .manual-intro .button{font-size:14px}
.public-page .manual-topics{margin-top:48px}
.public-page .manual-topic{padding:0;overflow:hidden;border-radius:14px;background:#1b1b20}
.manual-topic-copy{display:flex;flex-direction:column;flex:1;padding:24px}
.manual-topic-copy>small{font-size:11px;color:#edba98;letter-spacing:1.2px;margin-bottom:12px}
.manual-topic-copy>h3{font-size:22px;line-height:1.3;letter-spacing:-.35px}
.manual-topic-copy>p{font-size:15px;line-height:1.75;margin:12px 0 20px}
.manual-topic-copy>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;color:#ffc29a;font-size:14px;font-weight:650;border-top:1px solid var(--line);padding-top:14px}
.manual-topic-copy>a:hover{color:#fff}
.manual-preview{margin:0;padding:0 18px 19px;background:linear-gradient(130deg,#30231e,#17171d);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.manual-preview-bar{height:34px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #ffffff15;margin-bottom:17px}
.manual-preview-bar>span{height:4px;width:4px;border-radius:50%;background:#bc8b69}
.manual-preview-bar>strong{margin-left:auto;font-size:8px;letter-spacing:1.4px;color:#d6b59f;font-weight:700}
.manual-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#e2c4b0;font-size:9px;letter-spacing:.7px;font-weight:700;line-height:1.6}
.manual-preview figcaption>span{color:#bdb0a8;letter-spacing:0;font-size:9px;font-weight:400}
.manual-preview ol{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:8px}
.manual-preview li{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #ffffff17;border-radius:6px;background:#15131760;min-height:39px}
.manual-preview li>span{display:grid;place-items:center;width:19px;height:19px;flex:none;border:1px solid #ba815d77;border-radius:50%;font-size:10px;font-weight:650;color:#f5bf99;background:#6d422a33}
.manual-preview li>strong{font-size:11px;font-weight:500;color:#e7ddd6;line-height:1.5}
.manual-preview li:last-child{border-color:#bc805a70;background:#7745242c}
.manual-preview li>b{margin-left:auto;color:#efba91;font-size:14px;font-weight:400}
.manual-preview-2,.manual-preview-5{background:linear-gradient(130deg,#28332b,#17171d)}
.manual-preview-2 li:last-child,.manual-preview-5 li:last-child{border-color:#698e6c88;background:#3b5b3f33}
.manual-preview-3,.manual-preview-4{background:linear-gradient(130deg,#302b3b,#17171d)}
.manual-preview-3 li:last-child,.manual-preview-4 li:last-child{border-color:#85739688;background:#5b496d33}
.public-page .manual-notes{padding:28px;gap:32px;border-radius:14px}
.public-page .manual-notes h2{font-size:22px;line-height:1.35}
.public-page .manual-notes p{font-size:15px;line-height:1.8}
.public-page .manual-notes .button{font-size:14px}
@media(max-width:1100px){.public-page .manual-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.public-page .manual-hero{padding:24px;gap:30px}.public-page .manual-cover{min-height:0;max-width:300px}.public-page .manual-cover>span{font-size:12px}.public-page .manual-topic-grid{grid-template-columns:minmax(0,1fr)}.manual-topic-copy{padding:22px}.manual-preview{padding:0 22px 22px}.manual-preview li>strong{font-size:13px}.manual-preview li{padding:12px}.manual-preview figcaption,.manual-preview figcaption>span{font-size:10px}.public-page .manual-notes{padding:24px}.public-page .manual-intro h2{font-size:28px}.public-page .manual-topics{margin-top:36px}}


.manual-callout{padding:18px 22px;grid-template-columns:38px minmax(0,1fr) auto}.manual-callout h2{font-size:18px;line-height:1.35}.manual-callout p{line-height:1.65}.manual-cover small{overflow-wrap:anywhere}.manual-topic-copy>a:focus-visible,.manual-intro a:focus-visible,.manual-notes a:focus-visible{outline:2px solid #ffad7f;outline-offset:5px}
@media(max-width:700px){.manual-callout{grid-template-columns:30px minmax(0,1fr);padding:18px}.manual-callout>.button{grid-column:1/-1}.manual-callout h2{font-size:17px}}