/* Field manual: compact reading routes, visible calculation steps and native details. */
.guide-reading-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-top:30px}
.guide-reading-path a{padding:20px 15px 20px 0;transition:background .18s}
.guide-reading-path a+a{border-left:1px solid var(--line);padding-left:20px}
.guide-reading-path a:hover{background:#97fce406}
.guide-reading-path span{display:block;font:9px var(--mono);color:var(--mint);margin-bottom:13px}
.guide-reading-path strong{display:block;font:12px var(--mono);font-weight:normal;color:var(--white)}
.guide-reading-path small{display:block;font:9px/1.7 var(--mono);color:var(--muted);margin-top:8px}
.guide-article{min-width:0}.guide-article section{scroll-margin-top:95px}
.guide-observation{border:1px solid var(--line);padding:22px;margin-top:24px}
.guide-observation>span{font:8px var(--mono);letter-spacing:1.1px;color:var(--mint)}
.guide-observation dl{margin:18px 0 0}
.guide-observation dl>div{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.guide-observation dt{font:11px/1.8 var(--mono);color:var(--white)}
.guide-observation dd{margin:0;font:12px/1.8 Arial,Helvetica,sans-serif;color:var(--muted)}
.worked-example{border:1px solid #3b6356;background:linear-gradient(120deg,#97fce407,transparent);margin-top:30px;padding:26px}
.example-top{display:flex;justify-content:space-between;gap:14px;color:var(--mint);font:8px/1.6 var(--mono);letter-spacing:.7px;margin-bottom:23px}
.example-top span:last-child{color:var(--dim)}
.worked-example h3{font:21px/1.5 var(--pixel);letter-spacing:-.6px;margin-bottom:12px}
.worked-example>p{font-size:12px}
.example-table-wrap{max-width:100%;overflow-x:auto;margin-top:23px}
.example-table{width:100%;border-collapse:collapse;text-align:right;font:11px/1.6 var(--mono);white-space:nowrap}
.example-table caption{text-align:left;font:8px var(--mono);color:var(--dim);padding-bottom:12px}
.example-table th{font-size:8px;color:var(--muted);font-weight:normal}
.example-table td,.example-table th{padding:12px 8px;border-bottom:1px solid var(--line)}
.example-table td:first-child,.example-table th:first-child{text-align:left;padding-left:0}
.example-table td:last-child,.example-table th:last-child{padding-right:0}
.example-table tbody td{color:#bcdfd3}
.example-table tfoot td,.example-table tfoot th{color:var(--mint);border-bottom:0;font-size:10px}
.example-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-block:1px solid #36594d;padding:23px 0;margin-top:16px}
.example-result small{font:7px var(--mono);color:var(--muted)}
.example-result strong{font:22px var(--mono);color:var(--mint);display:block;margin:8px 0}
.example-result span{font:8px/1.7 var(--mono);color:var(--dim);display:block}
.worked-example .example-footnote{font:10px/1.8 var(--mono);margin-top:17px;color:var(--muted)}
.guide-two-notes{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin:25px 0}
.guide-two-notes>div{padding:23px 20px 23px 0}
.guide-two-notes>div+div{padding-left:25px;border-left:1px solid var(--line)}
.guide-two-notes h3{font:12px var(--mono);color:var(--mint);margin-bottom:12px}
.guide-two-notes p{font-size:12px}
.guide-article .research-routine{padding:0;list-style:none;margin:24px 0 0;border-top:1px solid var(--line)}
.research-routine li{display:grid;grid-template-columns:32px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid var(--line)}
.research-routine li>span{font:13px var(--pixel);color:var(--mint);padding-top:3px}
.research-routine h3{font:14px/1.5 var(--mono);color:var(--white);margin:0 0 8px}
.research-routine p{font-size:12px}
.research-routine a{display:inline-block;font:9px var(--mono);color:var(--mint);border-bottom:1px solid var(--dim);padding:5px 0;margin-top:12px}
.guide-glossary{margin-top:22px;border-top:1px solid var(--line)}
.guide-glossary details{border-bottom:1px solid var(--line);padding:0}
.guide-glossary summary{position:relative;cursor:pointer;list-style:none;padding:21px 29px 21px 0;display:flex;align-items:center;gap:18px;font:13px var(--mono);color:var(--white)}
.guide-glossary summary::-webkit-details-marker{display:none}
.guide-glossary summary:after{content:'+';position:absolute;right:0;color:var(--mint);font:18px var(--mono)}
.guide-glossary details[open] summary:after{content:'−'}
.guide-glossary summary span{margin-left:auto;font:8px var(--mono);color:var(--dim)}
.guide-glossary details p{font-size:12px;padding:0 25px 22px 0;margin:0;max-width:620px}
.guide-finish{margin-top:65px;border-top:1px solid var(--line);padding-top:31px}
.guide-finish h2{font:32px/1.35 var(--pixel);letter-spacing:-1px;margin:20px 0 24px}
@media(max-width:760px){.guide-index{gap:14px 20px}.guide-reading-path strong{font-size:10px}.guide-reading-path small{font-size:8px}.guide-article>header{padding-bottom:24px}.worked-example{padding:20px}.example-result strong{font-size:19px}.example-result small{font-size:6px}.guide-observation dl>div{grid-template-columns:80px 1fr}}
@media(max-width:430px){.guide-reading-path a+a{padding-left:12px}.guide-reading-path a{padding-right:10px}.guide-reading-path small{font-size:7px}.guide-reading-path strong{font-size:9px}.guide-two-notes{grid-template-columns:1fr}.guide-two-notes>div{padding:20px 0}.guide-two-notes>div+div{padding:20px 0;border-left:0;border-top:1px solid var(--line)}.worked-example{padding:18px 14px}.example-top{font-size:6px}.worked-example h3{font-size:19px}.example-table{font-size:9px}.example-table td,.example-table th{padding-inline:5px}.example-result{gap:10px}.example-result strong{font-size:17px}.example-result span{font-size:7px}.guide-glossary summary{font-size:11px;gap:10px}.guide-glossary summary span{font-size:6px}.guide-observation{padding:17px}.guide-observation dd{font-size:11px}}