:root{--ink:#22301f;--ink-soft:#445041;--paper:#e9e1cc;--card:#f8f3e5;--card-line:#d9cfb2;--sienna:#b5502e;--sienna-dark:#8f3d22;--mustard:#c89b3c;--slate:#5c6b5e;--white:#fffdf8;--font-display:"Zilla Slab", "Georgia", serif;--font-body:"Source Serif 4", "Georgia", serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--radius:3px;--border:1.5px solid var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(circle at 1px 1px,#22301f0f 1px,#0000 0);background-size:22px 22px;margin:0;font-size:17px;line-height:1.6}a{color:var(--sienna-dark);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--sienna);outline-offset:2px}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.site-header{border-bottom:var(--border);background:var(--card);z-index:50;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:14px 20px;display:flex}@media (min-width:640px){.header-inner{flex-wrap:nowrap;padding:18px 24px}}.logo{font-family:var(--font-display);color:var(--ink);letter-spacing:.3px;align-items:baseline;gap:8px;font-size:22px;font-weight:700;display:flex}@media (min-width:640px){.logo{font-size:28px}}.logo .mark{font-family:var(--font-mono);color:var(--sienna);border:1.5px solid var(--sienna);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex;transform:translateY(-2px)}.tagline{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--slate);font-size:11px;display:none}@media (min-width:720px){.tagline{display:block}}.search-form{border:var(--border);background:var(--white);border-radius:var(--radius);flex:100%;order:3;align-items:center;max-width:none;display:flex;overflow:hidden}@media (min-width:640px){.search-form{flex:1;order:0;max-width:340px}}.search-form input{font-family:var(--font-body);min-width:0;color:var(--ink);background:0 0;border:none;flex:1;padding:9px 12px;font-size:14px}.search-form input:focus{outline:none}.search-form button{border:none;border-left:var(--border);background:var(--mustard);color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:9px 14px;font-size:11px}.search-form button:hover{background:var(--sienna);color:var(--white)}.index-tabs{background:var(--ink);scrollbar-width:thin;overflow-x:auto}.index-tabs .wrap{gap:2px;padding:0 24px;display:flex}.index-tabs a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--paper);white-space:nowrap;border-right:1px solid #e9e1cc26;padding:11px 16px;font-size:12px;transition:background .15s}.index-tabs a:hover{background:var(--ink-soft);text-decoration:none}.index-tabs a.active{background:var(--sienna);color:var(--white)}.hero{border-bottom:var(--border);padding:36px 0 32px;position:relative}@media (min-width:640px){.hero{padding:64px 0 48px}}.hero .wrap{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:860px){.hero .wrap{grid-template-columns:1.3fr 1fr;align-items:center}}.hero-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--sienna-dark);margin:0 0 14px;font-size:12px}.hero h1{font-family:var(--font-display);margin:0 0 18px;font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.05}.hero p.lede{color:var(--ink-soft);max-width:46ch;margin:0 0 24px;font-size:19px}.hero-species{flex-wrap:wrap;gap:10px;display:flex}.species-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;border:1.5px solid var(--ink);background:var(--card);border-radius:999px;padding:10px 16px;font-size:12px;display:inline-block}.species-pill:hover{background:var(--mustard);text-decoration:none}.hero-card{border:var(--border);background:var(--card);padding:22px;position:relative}@media (min-width:860px){.hero-card{padding:28px}}.hero-card:before{content:"FIELD NOTE";background:var(--mustard);font-family:var(--font-mono);letter-spacing:1.5px;border:1.5px solid var(--ink);padding:3px 10px;font-size:10px;position:absolute;top:-12px;left:24px}.hero-card h3{font-family:var(--font-display);margin:8px 0 10px;font-size:22px}.hero-card p{color:var(--ink-soft);margin:0 0 14px;font-size:15px}.hero-card .stat-row{font-family:var(--font-mono);color:var(--slate);gap:20px;font-size:12px;display:flex}.hero-card .stat-row strong{color:var(--ink);font-size:20px;font-family:var(--font-display);display:block}.section{border-bottom:1px solid var(--card-line);padding:32px 0}@media (min-width:640px){.section{padding:48px 0}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.section-head h2{font-family:var(--font-display);margin:0;font-size:30px}.section-head .see-all{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;font-size:12px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.spec-card{border:var(--border);background:var(--card);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex}.spec-card:hover{box-shadow:4px 4px 0 var(--ink);text-decoration:none;transform:translateY(-3px)}.spec-card .tag-row{border-bottom:1px solid var(--card-line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;color:var(--slate);justify-content:space-between;align-items:center;padding:10px 14px;font-size:10.5px;display:flex}.spec-card .entry-no{color:var(--sienna-dark);font-weight:700}.spec-card .body{flex-direction:column;flex:1;padding:16px;display:flex}.spec-card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:19px;line-height:1.25}.spec-card p{color:var(--ink-soft);flex:1;margin:0;font-size:14px}.spec-card .meta{font-family:var(--font-mono);color:var(--slate);gap:14px;margin-top:14px;font-size:11px;display:flex}.ad-slot{border:1.5px dashed var(--slate);color:var(--slate);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.2px;text-align:center;border-radius:var(--radius);background:#fffdf880;padding:18px;font-size:11px}.ad-slot.leaderboard{justify-content:center;align-items:center;min-height:90px;margin:8px 0;display:flex}.ad-slot.in-content{justify-content:center;align-items:center;min-height:110px;margin:32px 0;display:flex}.ad-slot.sidebar{justify-content:center;align-items:center;min-height:250px;display:flex}.site-footer{background:var(--ink);color:var(--paper);padding:48px 24px 28px}.footer-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:720px){.footer-grid{grid-template-columns:1.4fr repeat(4,1fr)}}.site-footer h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--mustard);margin:0 0 14px;font-size:12px}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:8px}.site-footer a{color:var(--paper);opacity:.85;font-size:14px}.site-footer a:hover{opacity:1}.footer-bottom{max-width:1180px;font-family:var(--font-mono);color:#e9e1cc99;border-top:1px solid #e9e1cc33;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:32px auto 0;padding-top:20px;font-size:11px;display:flex}.article-header{border-bottom:var(--border);padding:28px 0 24px}@media (min-width:640px){.article-header{padding:48px 0 32px}}.breadcrumb{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--slate);margin-bottom:18px;font-size:11px}.breadcrumb a{color:var(--slate)}.article-header h1{font-family:var(--font-display);max-width:22ch;margin:0 0 16px;font-size:clamp(32px,4.2vw,48px);line-height:1.1}.article-meta{font-family:var(--font-mono);color:var(--slate);flex-wrap:wrap;align-items:center;gap:22px;font-size:12px;display:flex}.entry-stamp{border:1.5px solid var(--sienna);color:var(--sienna-dark);border-radius:999px;padding:3px 10px;font-weight:700}.article-layout{grid-template-columns:1fr;gap:28px;max-width:1180px;margin:0 auto;padding:28px 20px;display:grid}@media (min-width:640px){.article-layout{gap:40px;padding:40px 24px}}@media (min-width:960px){.article-layout{grid-template-columns:1fr 300px}}.article-body h2{font-family:var(--font-display);margin:40px 0 16px;padding-top:4px;font-size:26px}.article-body h2:first-child{margin-top:0}.article-body p{color:var(--ink-soft);margin:0 0 18px;font-size:17px}.step-list{counter-reset:step;margin:0 0 28px;padding:0;list-style:none}.step-list li{counter-increment:step;border-bottom:1px solid var(--card-line);grid-template-columns:40px 1fr;gap:14px;padding:16px 0;display:grid}.step-list li:before{content:counter(step);font-family:var(--font-display);color:var(--sienna);border:1.5px solid var(--sienna);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;display:flex}.step-list strong{font-family:var(--font-display);margin-bottom:4px;font-size:17px;display:block}.step-list p{margin:0;font-size:15px}.callout{border-left:4px solid var(--mustard);background:var(--card);margin:0 0 28px;padding:16px 20px;font-size:15px}.callout strong{color:var(--sienna-dark);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:12px;display:block}.faq-item{border-bottom:1px solid var(--card-line);padding:18px 0}.faq-item summary{font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;font-size:17px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--sienna);font-size:22px}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--ink-soft);margin:12px 0 0;font-size:15px}.sidebar{flex-direction:column;gap:24px;display:flex}.related-box{border:var(--border);background:var(--card);padding:18px}.related-box h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--slate);margin:0 0 12px;font-size:11px}.related-box li{border-bottom:1px solid var(--card-line);padding:10px 0;list-style:none}.related-box li:last-child{border-bottom:none}.related-box ul{margin:0;padding:0}.related-box a{color:var(--ink);font-size:14px}.related-box a:hover{color:var(--sienna-dark)}.category-header{border-bottom:var(--border);padding:32px 0 28px}@media (min-width:640px){.category-header{padding:48px 0 36px}}.category-header .hero-eyebrow{margin-bottom:10px}.category-header h1{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(32px,4.5vw,46px)}.category-header p{max-width:60ch;color:var(--ink-soft);margin:0;font-size:17px}.filter-row{flex-wrap:wrap;gap:10px;margin:24px 0 0;display:flex}.filter-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;border:1.5px solid var(--ink);background:var(--white);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:11px}.filter-pill.active{background:var(--ink);color:var(--paper)}.empty-state{border:1.5px dashed var(--slate);text-align:center;color:var(--slate);padding:48px 24px}.empty-state h3{font-family:var(--font-display);color:var(--ink);margin:0 0 10px;font-size:22px}.empty-state p{max-width:46ch;margin:0 auto;font-size:15px}.share-bar{border:var(--border);background:var(--card);padding:18px}.share-bar h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--slate);margin:0 0 14px;font-size:11px}.share-links{flex-wrap:wrap;gap:8px;display:flex}.share-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:12px;line-height:1}.share-pill:hover{background:var(--sienna);border-color:var(--sienna);color:var(--white);text-decoration:none}