/* HUODESK field notes / buyer guides — shared stylesheet */
:root { --ink:#0a0908; --panel:#14110e; --line:rgba(201,162,39,.22); --gilt:#c9a227; --lit:#e8c86a; --text:#efe6d5; --muted:#9c9484; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; line-height:1.85; -webkit-font-smoothing:antialiased; }
body { background-image:radial-gradient(900px 500px at 50% -10%, rgba(201,162,39,.10), transparent 70%); }
.wrap { max-width:760px; margin:0 auto; padding:44px 22px 72px; }
.top { font-size:12.5px; letter-spacing:.08em; color:var(--muted); margin-bottom:34px; }
.top a { color:var(--gilt); text-decoration:none; }
h1 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:32px; line-height:1.4; color:var(--lit); margin:0 0 14px; }
.meta { font-size:12.5px; color:var(--muted); margin-bottom:26px; }
.rule { width:80px; height:1px; background:linear-gradient(90deg,var(--gilt),transparent); margin:0 0 28px; }
h2 { font-family:Georgia,serif; font-weight:400; font-size:21px; color:var(--lit); margin:42px 0 12px; }
h3 { font-family:Georgia,serif; font-weight:400; font-size:17px; color:var(--lit); margin:26px 0 8px; }
p { font-size:15px; margin:0 0 16px; }
ul,ol { font-size:15px; padding-left:22px; margin:0 0 20px; }
li { margin-bottom:8px; }
strong { color:var(--lit); font-weight:600; }
a.inline { color:var(--gilt); text-decoration:none; }
a.inline:hover { text-decoration:underline; }
code { background:#241f18; padding:1px 5px; border-radius:3px; font-size:13px; }
pre { background:#f3f0e9; color:#1a1712; border-radius:6px; padding:16px 18px; overflow-x:auto; font-size:12.5px; line-height:1.7; margin:18px 0 24px; }
table { width:100%; border-collapse:collapse; font-size:14px; margin:18px 0 26px; }
th,td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--lit); font-weight:600; }
.note { background:var(--panel); border:1px solid rgba(201,162,39,.14); border-left:2px solid var(--gilt); padding:14px 18px; margin:22px 0 26px; font-size:14px; color:var(--muted); }
.note b { color:var(--lit); font-weight:600; }
.faq { margin-top:46px; border-top:1px solid var(--line); padding-top:24px; }
details { border-bottom:1px solid rgba(201,162,39,.12); padding:12px 0; }
summary { cursor:pointer; color:var(--lit); font-size:15px; }
details p { margin:10px 0 0; font-size:14px; color:var(--muted); }
.cta { margin-top:46px; padding:24px; border:1px solid var(--line); background:var(--panel); }
.cta h2 { margin:0 0 10px; font-size:19px; }
.cta p { font-size:13.5px; color:var(--muted); margin:0 0 16px; }
.btn { display:inline-block; padding:11px 20px; border:1px solid var(--gilt); color:var(--gilt); text-decoration:none; font-size:14px; margin:0 10px 10px 0; border-radius:3px; }
.btn:hover { background:rgba(201,162,39,.12); }
.disc { font-size:12px !important; color:var(--muted) !important; margin-top:14px !important; }
footer { margin-top:48px; padding-top:20px; border-top:1px solid rgba(127,127,127,.2); font-size:12.5px; color:var(--muted); text-align:center; }
footer a { color:inherit; text-decoration:none; }
@media (max-width:640px) { h1 { font-size:25px; } .wrap { padding:30px 16px 54px; } pre { font-size:11.5px; } table { font-size:13px; } }