/* page.css — standalone sheet for the secondary pages (product, company).
   Matches the palette of src/style.css and the standalone approach of
   privacy.css: no build step, no JS, no external requests. */

:root { --bg:#0d1117; --text:#e6edf3; --muted:#8b949e; --accent:#d29922; --line:#21262d; --panel:#161b22; }

* { box-sizing:border-box; }
body { background:var(--bg); color:var(--text); margin:0;
  font:16px/1.7 -apple-system,'Segoe UI',Helvetica,Arial,sans-serif; }
.wrap { max-width:780px; margin:0 auto; padding:0 24px; }

.bar { border-bottom:1px solid var(--line); position:sticky; top:0; background:rgba(13,17,23,.92); backdrop-filter:blur(8px); }
.barrow { display:flex; align-items:center; justify-content:space-between; height:60px; }
.brand { display:flex; align-items:center; gap:9px; font-weight:600; color:var(--text); text-decoration:none; }
.glyph { display:block; }
.links a { color:var(--muted); text-decoration:none; margin-left:20px; font-size:14px; }
.links a:hover { color:var(--text); }

main.doc { padding:44px 24px 64px; }
h1 { font-size:34px; line-height:1.2; margin:0 0 14px; letter-spacing:-.5px; }
h2 { font-size:21px; margin:38px 0 10px; letter-spacing:-.2px; }
h3 { font-size:17px; margin:26px 0 6px; color:var(--text); }
p { color:var(--muted); margin:0 0 14px; }
.lede { font-size:18px; color:var(--text); margin-bottom:8px; }
b { color:var(--text); font-weight:600; }
em { color:var(--text); font-style:italic; }
a { color:var(--accent); }

.facts { display:grid; grid-template-columns:max-content 1fr; gap:8px 22px; margin:14px 0 4px; }
.facts dt { color:var(--muted); font-size:14px; }
.facts dd { margin:0; color:var(--text); }

.shot { margin:22px 0; padding:0; }
.shot img { width:100%; height:auto; border:1px solid var(--line); border-radius:10px; display:block; }
.shot figcaption { color:var(--muted); font-size:14px; margin-top:10px; }

.back { margin-top:44px; padding-top:20px; border-top:1px solid var(--line); font-size:14px; }

/* essays (/writing) */
.meta { color:var(--muted); font-size:14px; margin:-6px 0 26px; }
blockquote { border-left:3px solid var(--accent); margin:18px 0; padding:2px 0 2px 18px; color:var(--text); }
blockquote p { color:var(--text); }
.essay p { color:var(--text); }
.essaylist { list-style:none; padding:0; margin:22px 0; }
.essaylist li { border-top:1px solid var(--line); padding:18px 0; }
.essaylist li:last-child { border-bottom:1px solid var(--line); }
.essaylist h3 { margin:0 0 4px; font-size:19px; }
.essaylist h3 a { color:var(--text); text-decoration:none; }
.essaylist h3 a:hover { color:var(--accent); }
.essaylist .when { color:var(--muted); font-size:13px; }
.essaylist p { margin:6px 0 0; }

footer { border-top:1px solid var(--line); padding:22px 0 40px; color:var(--muted); font-size:13px; }
.footrow { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; }
footer a { color:var(--muted); }

@media (max-width:620px) {
  h1 { font-size:27px; } .facts { grid-template-columns:1fr; gap:2px 0; }
  .facts dd { margin-bottom:10px; } .links a { margin-left:14px; }
}