:root{
  --paper:#fbf4e8; --paper2:#fffaf2; --ink:#1d1712; --muted:#6f6257; --line:#dfd0bd;
  --accent:#8a4f22; --accent2:#145f57; --gold:#c99035; --soft:#f3e4d1; --card:#fffdf8;
  --max:1180px; --radius:18px; --shadow:0 18px 45px rgba(44,28,14,.08);
}
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(90deg,rgba(138,79,34,.055) 1px,transparent 1px),linear-gradient(180deg,var(--paper),#fffdf8 34%,#f7ead9);background-size:34px 34px,auto;color:var(--ink);line-height:1.72}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,250,242,.92);backdrop-filter:blur(14px);border-bottom:2px solid var(--ink)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:900;color:var(--ink);letter-spacing:-.04em;font-size:1.55rem}.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:var(--paper2);font-weight:900;box-shadow:inset 0 0 0 3px var(--gold)}.navlinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navlinks a{color:#332820;font-weight:800;font-size:.91rem;padding:8px 11px;border-radius:999px}.navlinks a:hover{background:var(--soft);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff!important;border-radius:999px;padding:11px 17px;font-weight:900;border:2px solid var(--ink);cursor:pointer;box-shadow:none}.btn.secondary{background:transparent;color:var(--ink)!important;border:2px solid var(--line);box-shadow:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.hero{padding:70px 0 48px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;padding:7px 13px;border:2px solid var(--ink);border-radius:999px;background:var(--gold);font-weight:950;color:#25180d;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.hero h1{font-family:Georgia,serif;font-size:clamp(2.55rem,5.8vw,5.8rem);line-height:.93;margin:19px 0 18px;letter-spacing:-.065em;color:var(--ink)}.lead{font-size:1.18rem;color:#574b40;max-width:790px}.hero-card{background:var(--card);border:2px solid var(--ink);border-radius:8px 36px 8px 36px;padding:24px;box-shadow:12px 12px 0 rgba(29,23,18,.12);transform:rotate(.25deg)}.hero-card img{width:100%;display:block;filter:sepia(.08)}.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#5b4d42;font-weight:800;font-size:.9rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:58px 0;border-top:1px solid rgba(29,23,18,.08)}.section h2{font-family:Georgia,serif;font-size:clamp(1.85rem,3.4vw,3.05rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 12px;color:var(--ink)}.section-intro{color:#6f6257;max-width:770px;margin:0 0 30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--ink);border-radius:20px;padding:23px;box-shadow:0 12px 30px rgba(44,28,14,.05)}.card:nth-child(2n){border-top-color:var(--accent2)}.card:nth-child(3n){border-top-color:var(--accent)}.card h3{font-family:Georgia,serif;margin:0 0 10px;line-height:1.14;color:var(--ink);font-size:1.32rem}.card p{color:#66584d;margin:0 0 14px}.meta{display:flex;flex-wrap:wrap;gap:8px;color:#75685e;font-size:.91rem}.tag{display:inline-flex;background:#f7ecdc;border:1px solid #ead4b9;color:#724012;border-radius:999px;padding:4px 9px;font-weight:900;font-size:.75rem}.tag.green{background:#e8f4ef;border-color:#c6ddd4;color:#155f57}.tag.gold{background:#fff4d9;border-color:#efd18a;color:#765000}.article-wrap{max-width:900px;margin:auto;padding:48px 24px}.article-header{padding:34px;border:2px solid var(--ink);background:var(--card);border-radius:10px 36px 10px 36px;box-shadow:10px 10px 0 rgba(29,23,18,.11);margin-bottom:30px}.article-header h1{font-family:Georgia,serif;font-size:clamp(2.2rem,4.6vw,4rem);line-height:1;letter-spacing:-.055em;margin:14px 0;color:var(--ink)}.article-content{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:0 12px 32px rgba(44,28,14,.04)}.article-content h2{font-family:Georgia,serif;font-size:1.75rem;line-height:1.18;margin:36px 0 12px;color:var(--ink);letter-spacing:-.025em}.article-content h3{font-size:1.22rem;margin:24px 0 8px}.article-content p{margin:0 0 17px;color:#332820}.article-content p:first-of-type::first-letter{font-family:Georgia,serif;font-size:3.1rem;float:left;line-height:.85;padding-right:8px;color:var(--accent)}.article-content ul,.article-content ol{padding-left:24px}.article-content li{margin:7px 0}.notice{border-left:6px solid var(--accent2);background:#eef7f4;border-radius:16px;padding:16px 18px;margin:22px 0;color:#243b35}.warning{border-left-color:var(--gold);background:#fff8e7}.faq{border-top:2px solid var(--ink);margin-top:32px;padding-top:18px}.faq details{border:1px solid var(--line);border-radius:16px;padding:15px 16px;margin:10px 0;background:#fffdf8}.faq summary{font-weight:950;cursor:pointer;color:#201812}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}.toolbox{background:var(--card);border:2px solid var(--ink);border-radius:26px;padding:25px;box-shadow:10px 10px 0 rgba(29,23,18,.1)}.toolbox label{display:block;font-weight:950;margin:14px 0 7px;color:#2f251c}.toolbox input,.toolbox textarea,.toolbox select{width:100%;border:1px solid #cdbba5;border-radius:12px;padding:12px 13px;font:inherit;background:#fff;color:#201812}.toolbox textarea{min-height:160px;resize:vertical}.result{background:var(--ink);color:#fff;border-radius:18px;padding:20px;margin-top:18px}.result strong{display:block;font-size:1.8rem;line-height:1.2}.small{font-size:.92rem;color:#75685e}.sidebox{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;position:sticky;top:86px}.sidebox ul{margin:10px 0 0;padding-left:18px}.sidebox li{margin:8px 0}.footer{background:#1d1712;color:#efe4d6;margin-top:62px;padding:50px 0 36px;border-top:6px solid var(--gold)}.footer a{color:#ffdfad}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:24px}.footer h3,.footer h4{color:#fff;margin-top:0;font-family:Georgia,serif}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:20px;color:#cbbba7;font-size:.92rem}.breadcrumb{font-size:.9rem;color:#75685e;margin:12px 0}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f2e6d7;border:1px solid #d9c5ad;border-bottom-width:2px;padding:2px 6px;border-radius:6px}.table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff;border-radius:16px;overflow:hidden}.table th,.table td{border:1px solid var(--line);padding:12px;text-align:left}.table th{background:#f5eadc;color:#201812}@media(max-width:900px){.hero-grid,.tool-layout,.footer-grid{grid-template-columns:1fr}.grid,.grid.two{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.navlinks{gap:8px}.sidebox{position:static}.article-content{padding:25px}.hero{padding-top:42px}.hero-card{transform:none}}