/* Documentation companion to the Graphite & Amber workspace. */
@import url('fonts.css');
:root{--ink-0:#101416;--ink-1:#14191c;--ink-2:#1b2226;--ink-3:#242d31;--line:#303b40;--mud:#ebba77;--gold:#ebba77;--water:#9fc6c6;--cyan:#9fc6c6;--steel:#b9c5ca;--f-head:'Barlow Semi Condensed','Arial Narrow',system-ui,sans-serif;--f-body:'Barlow',system-ui,sans-serif;--f-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
body{-webkit-font-smoothing:antialiased;font-family:var(--f-body)!important}::selection{background:#ebba77;color:#101416}:focus-visible{outline:2px solid #ebba77;outline-offset:4px}
/* Simulator guide retains the screen-readable dark layout. */
html[data-workspace='guide']{--paper:#eeeee8;--muted:#9aa9af}
html[data-workspace='guide'] body{background:#101416;font-size:15px;line-height:1.8}
html[data-workspace='guide'] header.top{background:#171e21;padding:48px 28px 42px;border-bottom:1px solid #ebba7730}
html[data-workspace='guide'] header.top:after{display:none}
html[data-workspace='guide'] header.top h1{font-size:clamp(36px,5vw,58px);font-weight:500;letter-spacing:-1.3px;margin:0 0 18px}
html[data-workspace='guide'] header.top h1:before{content:'DRILLING TOOLS / FIELD GUIDE';display:block;font:9px var(--f-mono);letter-spacing:1.8px;color:#ebba77;margin-bottom:22px}
html[data-workspace='guide'] header.top p{font-size:14px;color:#aab8be}
html[data-workspace='guide'] .wrap{gap:45px;padding-top:38px}
html[data-workspace='guide'] nav.toc{font-size:12px}
html[data-workspace='guide'] nav.toc b{font:8px var(--f-mono);letter-spacing:1.5px;margin-bottom:15px;color:#ebba77}
html[data-workspace='guide'] nav.toc a{padding:8px 12px;border-left:1px solid #354147;color:#a7b7bf}
html[data-workspace='guide'] nav.toc a:hover{border-color:#ebba77;color:#ebba77;background:#ebba7708}
html[data-workspace='guide'] main h2{font-size:32px;font-weight:500;letter-spacing:-.5px;border-color:#303b40}
html[data-workspace='guide'] main h3{font-size:20px;font-weight:500}
html[data-workspace='guide'] .card{border:1px solid #ffffff12;border-radius:7px;background:linear-gradient(125deg,#1c2428,#171e21);box-shadow:inset 0 1px #ffffff04;padding:20px}
html[data-workspace='guide'] th{background:#192328;font:9px/1.6 var(--f-mono);letter-spacing:.5px;color:#c2cdd1;padding:12px}
html[data-workspace='guide'] td{padding:12px;font-size:12px;line-height:1.7;border-color:#303b40}
html[data-workspace='guide'] .callout,html[data-workspace='guide'] .note{border-radius:5px}
html[data-workspace='guide'] code{background:#1a252b;border-color:#38464e}
/* Reference book: a warm paper reading surface inside the graphite workspace. */
html[data-workspace='manual'] body{background:#101416!important;color:#283238;line-height:1.7;padding:38px 20px}
html[data-workspace='manual'] .page{background:#f4f1e9!important;border-radius:7px!important;box-shadow:0 12px 35px #0002!important;margin-bottom:28px}
html[data-workspace='manual'] .cover-top{background:#182024!important;border-radius:7px 7px 0 0;color:#eeeee8;padding-top:25mm}
html[data-workspace='manual'] .cover-top:after{height:2px;background:#ebba77!important}
html[data-workspace='manual'] .cover-logo{color:#ebba77;font-size:32pt}
html[data-workspace='manual'] .cover-title{font-size:35pt;font-weight:500!important;letter-spacing:-1.2px;line-height:1.06}
html[data-workspace='manual'] .cover-sub{font-size:12pt;line-height:1.6;color:#b5c2c7;margin-top:14pt}
html[data-workspace='manual'] .pill{border:1px solid #ebba7740!important;background:#ebba7709!important;color:#e4c7a1!important;border-radius:4px!important;font:8pt var(--f-body);letter-spacing:.3px;padding:6pt 9pt}
html[data-workspace='manual'] .cover-meta{color:#536069;font-size:10pt;line-height:1.8;border-color:#c6c6b8}
html[data-workspace='manual'] h2{font-size:19pt;font-weight:500;color:#25343c;border-bottom:1px solid #bba785!important;letter-spacing:-.4px;margin-top:22pt;margin-bottom:12pt}
html[data-workspace='manual'] h3{font-size:13pt;font-weight:600;color:#3b4c55;margin-top:16pt}
html[data-workspace='manual'] strong{color:#2a3c44}
html[data-workspace='manual'] .sec-bar{background:#182024!important;border-left:3px solid #ebba77!important;border-radius:7px 7px 0 0;box-shadow:none;padding-top:16pt;padding-bottom:16pt}
html[data-workspace='manual'] .sec-ttl{font-size:20pt;font-weight:500;letter-spacing:-.3px}
html[data-workspace='manual'] .sec-num{font:12pt var(--f-mono)!important;opacity:1;color:#ebba77!important}
html[data-workspace='manual'] .sec-desc{font-size:9pt;color:#becbd1;opacity:1;margin-top:5pt}
html[data-workspace='manual'] .fcard{background:#fffcf6!important;border:1px solid #d8d2c6!important;border-top-width:1px!important;border-radius:5px!important;box-shadow:0 3px 9px #26353b06!important;padding:12pt;transform:none!important}
html[data-workspace='manual'] .fcard:hover{transform:none;box-shadow:0 3px 9px #26353b06!important}
html[data-workspace='manual'] .fcard h4{font-size:11pt;font-weight:600;color:#2a3c44}
html[data-workspace='manual'] .eqn{background:#ece7db!important;color:#3f3a2d!important;border-left:2px solid #b69b75!important;border-radius:0 3px 3px 0;padding:7pt 8pt}
html[data-workspace='manual'] th{background:#243239!important;color:#eeeee8!important;font:8pt var(--f-mono);letter-spacing:.3px}
html[data-workspace='manual'] td{line-height:1.7;border-color:#d5d1c6}
html[data-workspace='manual'] .print-btn{background:#ebba77!important;color:#172024!important;box-shadow:0 4px 12px #0002!important;border:1px solid #f2cc9855;border-radius:5px!important;font:500 11px var(--f-body);padding:12px 17px}
@media(max-width:700px){
 html[data-workspace='guide'] header.top{padding:35px 22px}
 html[data-workspace='guide'] .wrap{padding:24px 20px 50px;grid-template-columns:1fr;gap:30px}
 html[data-workspace='guide'] nav.toc{position:static;max-height:220px;border-bottom:1px solid #303b40;padding-bottom:15px}
 html[data-workspace='guide'] .grid2,html[data-workspace='guide'] .grid3{grid-template-columns:1fr}
 html[data-workspace='guide'] main{min-width:0}
 html[data-workspace='manual'] body{padding:60px 12px 20px;font-size:11pt}
 html[data-workspace='manual'] .page{padding:28px 20px;max-width:100%;overflow-wrap:anywhere}
 html[data-workspace='manual'] .cover{min-height:750px}
 html[data-workspace='manual'] .cover-top{margin:-28px -20px 0;padding:45px 25px}
 html[data-workspace='manual'] .cover-title{font-size:32pt}
 html[data-workspace='manual'] .sec-bar{margin:-28px -20px 20px;padding:20px;gap:12px}
 html[data-workspace='manual'] .sec-ttl{font-size:18pt}
 html[data-workspace='manual'] .fcards{grid-template-columns:1fr}
 html[data-workspace='manual'] .cover-meta{font-size:9pt}
 html[data-workspace='manual'] table{display:block;max-width:100%;overflow-x:auto}
 html[data-workspace='manual'] .print-btn{top:10px;right:12px}
}
@media print{
 html[data-workspace] body{background:white!important;color:#172024!important;padding:0!important}
 html[data-workspace='manual'] .page{border-radius:0!important;box-shadow:none!important;margin:0!important;padding:15mm!important;max-width:none!important;overflow:visible!important}
 html[data-workspace='manual'] .cover-top{margin:-15mm -15mm 0;border-radius:0!important}
 html[data-workspace='manual'] .sec-bar{margin:-15mm -15mm 14pt;border-radius:0!important}
 html[data-workspace='manual'] .fcards{grid-template-columns:1fr 1fr}
 html[data-workspace='manual'] table{display:table;overflow:visible}
 .print-btn{display:none!important}
 html[data-workspace='guide'] header.top,html[data-workspace='guide'] .card{background:white!important;color:#172024!important;box-shadow:none}
 html[data-workspace='guide'] header.top p,html[data-workspace='guide'] td{color:#283238!important}
 html[data-workspace='guide'] nav.toc{display:none}
 html[data-workspace='guide'] .wrap{display:block}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
