/* claw-news.com — Field Guide theme for every page except the homepage (2026-10-15)
   Loaded after design-system.css. Lives in a cascade layer: important declarations in a
   layer win over the unlayered !important rules of the old compatibility layer, so the
   paper design applies without touching the hashed inline <style> blocks of the pages. */

@font-face{font-family:"Newsreader";src:url("/fonts/Newsreader.woff2?v=20261015") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/fonts/Newsreader-Italic.woff2?v=20261015") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/fonts/InstrumentSans.woff2?v=20261015") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/fonts/InstrumentSans-Italic.woff2?v=20261015") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

@layer fieldguide {

/* ---- tokens: re-map the old dark palette to paper ---- */
html.fieldguide{
  color-scheme:light !important;
  --paper:#f3eee4; --paper-2:#ebe5d8; --paper-3:#e3dccb;
  --ink:#1b1a16 !important; --ink-2:#3a362e; --muted:#5f5a4f !important; --dim:#8c877b !important;
  --black:#f3eee4 !important; --void:#f3eee4 !important;
  --panel:#ebe5d8 !important; --panel2:#e6dfd0 !important; --panel3:#ddd5c4 !important;
  --line:#c9c3b5 !important; --line2:#1b1a16 !important;
  --green:#b4421a !important; --green2:#b4421a !important; --green3:#8f3313 !important;
  --blue:#1d3f8a !important; --amber:#8a5a00 !important; --red:#a32d2d !important;
  --glow:none !important; --shadow-soft:none !important;
  --acid:#b4421a !important; --accent:#b4421a; --accent-ink:#8f3313;
  --text-primary:#1b1a16 !important; --text-secondary:#3a362e !important; --text-muted:#5f5a4f !important;
  --border-subtle:#c9c3b5 !important;
  --c-bg:#f3eee4 !important; --c-surface:#ebe5d8 !important; --c-surface-2:#e6dfd0 !important; --c-border:#c9c3b5 !important;
  --c-text:#1b1a16 !important; --c-text-primary:#1b1a16 !important; --c-text-secondary:#3a362e !important; --c-text-muted:#5f5a4f !important;
  --c-muted:#5f5a4f !important; --c-accent:#b4421a !important;
  --r-sm:2px !important; --r-md:3px !important; --r-lg:4px !important; --r-xl:6px !important; --r:4px !important; --r2:6px !important;
  --max:1312px !important; --pad-x:clamp(16px,4vw,64px) !important;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --font-sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif !important;
  --sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
}

/* ---- ground ---- */
html.fieldguide,html.fieldguide body{background:#f3eee4 !important;color:#1b1a16 !important;font-family:var(--sans) !important;font-optical-sizing:auto}
html.fieldguide body::before,html.fieldguide body::after{display:none !important;content:none !important}
html.fieldguide body{font-size:16px !important;line-height:1.5 !important}
html.fieldguide body,html.fieldguide button,html.fieldguide input,html.fieldguide select,html.fieldguide textarea{font-family:var(--sans) !important}
html.fieldguide ::selection{background:#1b1a16;color:#f3eee4}
html.fieldguide :focus-visible{outline:2px solid #b4421a !important;outline-offset:3px}

/* ---- top bar (shared by every page) ---- */
html.fieldguide .topbar{position:sticky;top:0;z-index:30;display:flex !important;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--pad-x) !important;background:#f3eee4 !important;border:0 !important;border-bottom:1px solid #1b1a16 !important;backdrop-filter:none !important;box-shadow:none !important}
html.fieldguide .brand{display:inline-flex;align-items:baseline;gap:0;font-family:var(--serif) !important;font-size:26px !important;font-weight:500 !important;letter-spacing:-.02em !important;color:#1b1a16 !important;text-decoration:none !important}
html.fieldguide .brand::before,html.fieldguide .brand-dot{display:none !important;content:none !important}
html.fieldguide .brand-word,html.fieldguide .brand span{color:#1b1a16 !important;font-family:var(--serif) !important;font-weight:500 !important}
html.fieldguide .brand-accent{color:#b4421a !important}
html.fieldguide .topnav{display:flex;flex-wrap:wrap;gap:4px 20px !important}
html.fieldguide .topnav a{font-size:12px !important;font-weight:500 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#5f5a4f !important;padding:6px 0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;text-decoration:none !important}
html.fieldguide .topnav a:hover,html.fieldguide .topnav a[aria-current="page"]{color:#b4421a !important;background:transparent !important;border:0 !important;box-shadow:none !important}

/* ---- page shells ---- */
html.fieldguide .page-shell{width:min(var(--max),calc(100% - 2*var(--pad-x))) !important;margin:0 auto !important;padding:0 0 clamp(40px,6vw,72px) !important}
html.fieldguide .app{display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important;background:transparent !important}
html.fieldguide .content,html.fieldguide main.content{display:block !important;overflow:visible !important;height:auto !important;min-height:0 !important;max-width:var(--max) !important;margin:0 auto !important;padding:0 var(--pad-x) clamp(40px,6vw,72px) !important;background:transparent !important}
html.fieldguide .content-inner{max-width:none !important}
html.fieldguide .sidebar,html.fieldguide .sidebar-overlay,html.fieldguide .mobile-overlay,html.fieldguide .hamburger,html.fieldguide .search-trigger{display:none !important}
html.fieldguide .app-header{display:block !important;position:static !important;height:auto !important;min-height:0 !important;max-width:var(--max);margin:0 auto;padding:12px var(--pad-x) 0 !important;border:0 !important;background:transparent !important}
html.fieldguide .header-right{display:none !important}
html.fieldguide .header-left,html.fieldguide .breadcrumb{display:flex !important;flex-wrap:wrap;gap:.35rem;align-items:center;color:#5f5a4f !important;font-size:12px !important;letter-spacing:.08em;text-transform:uppercase}
html.fieldguide .header-left a,html.fieldguide .breadcrumb a{color:#b4421a !important}

/* ---- heroes and page titles: a dateline-style opening, ruled below ---- */
html.fieldguide .hero,html.fieldguide .page-header,html.fieldguide .page-title-block,html.fieldguide .dashboard-hero,html.fieldguide .battle-hero,html.fieldguide .tutorial-hero,html.fieldguide .analytics-hero,html.fieldguide .hero-premium,html.fieldguide .community-hero{
  max-width:none !important;margin:0 0 28px !important;padding:clamp(28px,4vw,44px) 0 24px !important;
  background:transparent !important;border:0 !important;border-bottom:1px solid #1b1a16 !important;border-radius:0 !important;box-shadow:none !important;text-align:left !important;min-height:0 !important
}
html.fieldguide .hero-premium{display:block !important}
html.fieldguide .page-shell > :first-child,html.fieldguide .about-intro,html.fieldguide .content-inner > :first-child{padding-top:clamp(28px,4vw,44px) !important}
html.fieldguide .hero .cta-row,html.fieldguide .community-hero .cta-row,html.fieldguide .about-intro .cta-row{margin-bottom:10px !important}
html.fieldguide .about-card,html.fieldguide .quick-start-card,html.fieldguide .alert-card,html.fieldguide .skills-info{background:transparent !important;border:0 !important;border-top:1px solid #1b1a16 !important;border-radius:0 !important;box-shadow:none !important;padding:16px 0 18px !important}
html.fieldguide .about-grid,html.fieldguide .quick-start-grid,html.fieldguide .card-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important;gap:0 40px !important}
html.fieldguide .about-footer{border-top:1px solid #1b1a16 !important;background:transparent !important;color:#5f5a4f !important}
html.fieldguide h1,html.fieldguide .page-title{font-family:var(--serif) !important;font-weight:500 !important;font-size:clamp(40px,4.6vw,66px) !important;line-height:1.02 !important;letter-spacing:-.02em !important;color:#1b1a16 !important;max-width:none !important;margin:0 0 14px !important;text-wrap:balance}
html.fieldguide h1 span,html.fieldguide .page-title span{font-style:italic;font-weight:400;color:inherit !important;background:none !important;-webkit-text-fill-color:currentColor !important}
html.fieldguide h1 em{font-style:italic;font-weight:400;color:inherit !important;-webkit-text-stroke:0 !important;text-shadow:none !important}
html.fieldguide h2,html.fieldguide .section-heading{font-family:var(--serif) !important;font-weight:500 !important;font-size:clamp(26px,2.8vw,34px) !important;line-height:1.1 !important;letter-spacing:-.01em !important;color:#1b1a16 !important;margin:32px 0 14px !important;text-wrap:balance}
html.fieldguide h3{font-family:var(--serif) !important;font-weight:500 !important;font-size:22px !important;line-height:1.15 !important;letter-spacing:-.01em !important;color:#1b1a16 !important}
html.fieldguide h4,html.fieldguide h5{font-family:var(--sans) !important;font-weight:600 !important;color:#1b1a16 !important}
html.fieldguide .lede,html.fieldguide .page-subtitle,html.fieldguide .hero p:not(.eyebrow):not(.hero-secondary){font-family:var(--serif) !important;font-size:clamp(18px,1.5vw,21px) !important;line-height:1.45 !important;color:#3a362e !important;max-width:720px;margin:0 !important}
html.fieldguide .page-subtitle{font-style:italic;color:#5f5a4f !important}
html.fieldguide .eyebrow,html.fieldguide .section-kicker,html.fieldguide .card-label,html.fieldguide .classification,html.fieldguide .evidence,html.fieldguide .nav-section-label,html.fieldguide .meta-label{font-family:var(--sans) !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#b4421a !important;margin:0 0 10px !important}
html.fieldguide p,html.fieldguide li,html.fieldguide .text-secondary,html.fieldguide .description,html.fieldguide .developer,html.fieldguide .card-description,html.fieldguide .body-copy{color:#3a362e !important}
html.fieldguide .small-note,html.fieldguide .text-muted,html.fieldguide .map-note,html.fieldguide .classification-note{color:#5f5a4f !important}
html.fieldguide .body-copy{max-width:760px}

/* ---- links ---- */
html.fieldguide a:not(.button):not(.btn):not(.nav-item):not(.brand):not(.topnav a),html.fieldguide .link,html.fieldguide .source-link,html.fieldguide .variant-row a,html.fieldguide .decision-tile a{color:#8f3313 !important;text-decoration:none}
html.fieldguide a:not(.button):not(.btn):not(.nav-item):not(.brand):not(.topnav a):hover{color:#b4421a !important;text-decoration:underline;text-underline-offset:3px}

/* ---- cards and panels: ruled entries instead of glowing boxes ---- */
html.fieldguide .card,html.fieldguide .stat-card,html.fieldguide .health-card,html.fieldguide .variant-card,html.fieldguide .skill-card,html.fieldguide .blog-card,html.fieldguide .showcase-card,html.fieldguide .battle-card,html.fieldguide .doc-card,html.fieldguide .feature-card,html.fieldguide .dashboard-card,html.fieldguide .panel,html.fieldguide .leaderboard,html.fieldguide .category-card,html.fieldguide .policy-panel,html.fieldguide .watchlist-panel,html.fieldguide .intel-card,html.fieldguide .evidence-item,html.fieldguide .ecosystem-card,html.fieldguide .action-card,html.fieldguide .methodology-links a,html.fieldguide .decision-tile,html.fieldguide .evidence-card,html.fieldguide .exclusion-entry,html.fieldguide .brief-row,html.fieldguide .variant-row,html.fieldguide .process-step,html.fieldguide .board-tile,html.fieldguide .caveat-row,html.fieldguide .method-steps li,html.fieldguide .command-board,html.fieldguide .final-cta,html.fieldguide .editorial-map-card,html.fieldguide .signal,html.fieldguide .map-metrics div,html.fieldguide .compact-name-list li,html.fieldguide .watchlist-list li,html.fieldguide .work-card,html.fieldguide .example-card,html.fieldguide .tool-card,html.fieldguide .agent-card,html.fieldguide .endpoint-card,html.fieldguide .guide-card,html.fieldguide .tutorial-card,html.fieldguide .result-card,html.fieldguide .comparison-card,html.fieldguide .selection-panel,html.fieldguide .share-card,html.fieldguide .form-card,html.fieldguide .info-card,html.fieldguide .note-card,html.fieldguide .step-card,html.fieldguide .faq-item,html.fieldguide .timeline-item,html.fieldguide .changelog-entry,html.fieldguide .release-card{
  background:transparent !important;border:0 !important;border-top:1px solid #1b1a16 !important;border-radius:0 !important;box-shadow:none !important;color:#1b1a16 !important;padding:16px 0 18px !important
}
html.fieldguide .card:hover,html.fieldguide .skill-card:hover,html.fieldguide .battle-card:hover,html.fieldguide .variant-card:hover,html.fieldguide .showcase-card:hover,html.fieldguide .blog-card:hover,html.fieldguide .ecosystem-card:hover{border-color:#b4421a !important;box-shadow:none !important;transform:none !important}
html.fieldguide .ecosystem-card::before,html.fieldguide .intel-card::before,html.fieldguide .process-step::before{background:transparent !important;color:#b4421a !important}
html.fieldguide .stat-grid,html.fieldguide .stats-grid,html.fieldguide .health-grid,html.fieldguide .skills-grid,html.fieldguide .variants-grid,html.fieldguide .showcase-grid,html.fieldguide .blog-grid,html.fieldguide .features-grid,html.fieldguide .agents-grid,html.fieldguide .category-distribution,html.fieldguide .directory-grid,html.fieldguide .evidence-strip,html.fieldguide .methodology-links,html.fieldguide .action-grid,html.fieldguide .process-rail,html.fieldguide .decision-grid,html.fieldguide .evidence-cards,html.fieldguide .exclusion-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important;gap:0 40px !important;margin:0 0 28px !important}
html.fieldguide .stat-value,html.fieldguide .evidence-value,html.fieldguide .category-count,html.fieldguide .board-tile b,html.fieldguide .map-metrics dd,html.fieldguide .big-number,html.fieldguide .metric-value{font-family:var(--serif) !important;font-size:44px !important;line-height:1 !important;font-weight:500 !important;letter-spacing:-.01em !important;color:#1b1a16 !important;font-variant-numeric:tabular-nums;background:none !important;-webkit-text-fill-color:currentColor !important}
html.fieldguide .stat-label,html.fieldguide .evidence-label,html.fieldguide .category-name,html.fieldguide .board-tile span,html.fieldguide .map-metrics dt,html.fieldguide .metric-label{font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#5f5a4f !important;font-weight:500 !important;margin-top:8px}
html.fieldguide .category-icon,html.fieldguide .variant-avatar,html.fieldguide .battle-vs,html.fieldguide .sidebar-logo-icon{color:#1b1a16 !important;background:none !important;-webkit-text-fill-color:currentColor !important}
html.fieldguide .caveat-row{border-left:0 !important}
html.fieldguide .decision-tile{min-height:0 !important}
html.fieldguide .compact-name-list,html.fieldguide .watchlist-list{gap:0 !important;display:flex;flex-direction:column}
html.fieldguide .compact-name-list li,html.fieldguide .watchlist-list li{border-top:1px solid #c9c3b5 !important;padding:8px 0 !important;font-family:var(--serif) !important;font-size:19px !important;color:#1b1a16 !important}
html.fieldguide .radar,html.fieldguide .traffic,html.fieldguide .premium-marker{display:none !important}

/* ---- buttons ---- */
html.fieldguide .btn,html.fieldguide .button,html.fieldguide button,html.fieldguide .vote-btn,html.fieldguide .cta-button,html.fieldguide .share-btn,html.fieldguide input[type="submit"]{
  display:inline-flex !important;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 20px !important;border-radius:999px !important;border:1px solid #1b1a16 !important;background:transparent !important;color:#1b1a16 !important;font-family:var(--sans) !important;font-size:14px !important;font-weight:600 !important;letter-spacing:0 !important;text-decoration:none !important;box-shadow:none !important;transform:none !important;cursor:pointer;line-height:1.2
}
html.fieldguide .btn:hover,html.fieldguide .button:hover,html.fieldguide button:hover,html.fieldguide .vote-btn:hover,html.fieldguide .cta-button:hover,html.fieldguide .share-btn:hover{color:#b4421a !important;border-color:#b4421a !important;background:transparent !important;transform:none !important}
html.fieldguide .btn-primary,html.fieldguide .button-primary,html.fieldguide .primary,html.fieldguide .vote-btn,html.fieldguide .cta-button{background:#1b1a16 !important;color:#f3eee4 !important;border-color:#1b1a16 !important}
html.fieldguide .btn-primary:hover,html.fieldguide .button-primary:hover,html.fieldguide .primary:hover,html.fieldguide .vote-btn:hover,html.fieldguide .cta-button:hover{background:#b4421a !important;border-color:#b4421a !important;color:#f3eee4 !important}
html.fieldguide .button-secondary,html.fieldguide .btn-secondary{color:#1b1a16 !important}
html.fieldguide button:disabled,html.fieldguide .btn:disabled{opacity:.45;cursor:not-allowed}
html.fieldguide .cta-row{gap:12px !important;margin-top:22px !important}

/* ---- forms, tables, badges ---- */
html.fieldguide input,html.fieldguide select,html.fieldguide textarea,html.fieldguide .search-input{background:#fbf8f1 !important;color:#1b1a16 !important;border:1px solid #8c877b !important;border-radius:2px !important;padding:10px 12px !important;font-family:var(--sans) !important;font-size:15px !important;box-shadow:none !important}
html.fieldguide input[type="checkbox"],html.fieldguide input[type="radio"]{accent-color:#b4421a;width:16px;height:16px;padding:0 !important;border-radius:2px !important}
html.fieldguide label{color:#1b1a16 !important}
html.fieldguide table,html.fieldguide .table{background:transparent !important;color:#1b1a16 !important;border-collapse:collapse;border-color:#c9c3b5 !important;width:100%}
html.fieldguide th{font-family:var(--sans) !important;font-size:12px !important;letter-spacing:.08em;text-transform:uppercase;color:#5f5a4f !important;border-bottom:1px solid #1b1a16 !important;background:transparent !important;text-align:left;padding:10px 12px 8px !important}
html.fieldguide td{border-bottom:1px solid #c9c3b5 !important;background:transparent !important;color:#1b1a16 !important;padding:10px 12px !important;vertical-align:top}
html.fieldguide tr:hover td{background:#ebe5d8 !important}
html.fieldguide .badge,html.fieldguide .tag,html.fieldguide .maturity-badge,html.fieldguide .status-badge,html.fieldguide .chip,html.fieldguide .pill,html.fieldguide .label{display:inline-flex !important;align-items:center;border-radius:0 !important;border:1px solid #8c877b !important;background:transparent !important;color:#5f5a4f !important;font-family:var(--sans) !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;padding:3px 8px !important;box-shadow:none !important}
html.fieldguide .maturity-badge.verified{color:#1b1a16 !important;border-color:#1b1a16 !important}
html.fieldguide .maturity-badge.watch{color:#8a5a00 !important;border-color:#8a5a00 !important}
html.fieldguide .share-twitter,html.fieldguide .share-linkedin,html.fieldguide [style*="#5865f2"],html.fieldguide [style*="#ff6b35"],html.fieldguide [style*="#a371f7"]{background:transparent !important;color:#1b1a16 !important;border:1px solid #1b1a16 !important}
html.fieldguide code,html.fieldguide pre,html.fieldguide kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:.92em}
html.fieldguide pre{background:#ebe5d8 !important;color:#1b1a16 !important;border:1px solid #c9c3b5 !important;border-radius:2px !important;padding:16px !important;overflow:auto}
html.fieldguide code{background:#ebe5d8 !important;color:#1b1a16 !important;border-radius:2px;padding:1px 4px}
html.fieldguide pre code{background:transparent !important;padding:0}
html.fieldguide hr{border:0;border-top:1px solid #1b1a16 !important;margin:28px 0}
html.fieldguide blockquote{border-left:2px solid #1b1a16 !important;margin:16px 0;padding:4px 0 4px 16px;font-family:var(--serif);font-size:19px;color:#3a362e !important;background:transparent !important}
html.fieldguide svg.icon,html.fieldguide .icon svg{width:1.1rem !important;height:1.1rem !important;max-width:1.1rem !important;max-height:1.1rem !important;color:#1b1a16}

/* ---- command palette and overlays (kept functional, restyled) ---- */
html.fieldguide .cmd-overlay{background:rgba(27,26,22,.55) !important}
html.fieldguide .cmd-palette{background:#f3eee4 !important;color:#1b1a16 !important;border:1px solid #1b1a16 !important;border-radius:4px !important;box-shadow:0 24px 60px rgba(0,0,0,.25) !important}
html.fieldguide .cmd-item{color:#1b1a16 !important}
html.fieldguide .cmd-item:hover,html.fieldguide .cmd-item.active{background:#ebe5d8 !important}
html.fieldguide .cmd-footer{color:#5f5a4f !important;border-top:1px solid #c9c3b5 !important}
html.fieldguide kbd{background:#ebe5d8 !important;color:#1b1a16 !important;border:1px solid #8c877b !important;border-radius:2px !important}

/* ---- footer links inside app pages ---- */
html.fieldguide .content-footer{margin-top:40px;padding-top:16px;border-top:1px solid #1b1a16;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5f5a4f !important}
html.fieldguide .content-footer a{color:#5f5a4f !important}
html.fieldguide .content-footer a:hover{color:#b4421a !important}

/* ---- responsive ---- */
@media (max-width:960px){
  html.fieldguide .topbar{flex-direction:column !important;align-items:center !important;gap:6px !important;text-align:center}
  html.fieldguide .topnav{justify-content:center}
}
@media (max-width:760px){
  html.fieldguide h1,html.fieldguide .page-title{font-size:clamp(34px,10vw,44px) !important}
  html.fieldguide .stat-value,html.fieldguide .evidence-value,html.fieldguide .map-metrics dd{font-size:36px !important}
}
@media (prefers-reduced-motion:reduce){html.fieldguide *{transition:none !important;animation:none !important}}


/* ---- utilities replacing CSP-blocked inline styles (2026-10-16) ---- */
html.fieldguide .fg-kicker{display:inline-block !important;margin-bottom:14px !important}
html.fieldguide .fg-text-base{font-size:1rem !important}
html.fieldguide .fg-skill-icon{font-size:3rem !important;line-height:1 !important;margin-bottom:12px !important}
html.fieldguide .example-empty{text-align:center !important;color:var(--c-text-muted) !important}
html.fieldguide .example-head{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;margin-bottom:10px !important}
html.fieldguide .example-skill{border:1px solid #1b1a16 !important;border-radius:999px !important;padding:2px 10px !important;font-size:.75rem !important;letter-spacing:.06em !important;text-transform:uppercase !important;white-space:nowrap !important}
html.fieldguide .example-category{color:var(--c-text-muted) !important;font-size:.85em !important;margin-bottom:15px !important}
html.fieldguide .example-output{background:rgba(27,26,22,.05) !important;color:#1b1a16 !important;border:1px solid rgba(27,26,22,.15) !important;border-radius:4px !important;padding:10px 15px !important;margin:15px 0 !important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important;font-size:.9em !important}
html.fieldguide .example-meta{display:flex !important;gap:16px !important;flex-wrap:wrap !important}
html.fieldguide .example-meta span{color:var(--c-text-muted) !important;font-size:.85em !important}

/* ---- article and skills pages: layout the retired dark style block used to provide (2026-10-16) ---- */
html.fieldguide .meta-row{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 0 28px !important}
html.fieldguide .tag-pill{display:inline-block !important;border:1px solid rgba(27,26,22,.4) !important;border-radius:2px !important;padding:3px 9px !important;font-size:.72rem !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#1b1a16 !important;background:transparent !important}
html.fieldguide .metric-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;gap:0 24px !important;margin:18px 0 !important;border-top:1px solid #1b1a16 !important}
html.fieldguide .metric{padding:14px 0 !important;border:0 !important;border-bottom:1px solid rgba(27,26,22,.18) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
html.fieldguide .metric strong{display:block !important;font-family:'Newsreader',Georgia,serif !important;font-size:1.6rem !important;font-weight:500 !important;line-height:1.1 !important;margin-bottom:4px !important;color:#1b1a16 !important}
html.fieldguide .metric strong.fg-text-base{font-size:1.15rem !important}
html.fieldguide .metric span{display:block !important;font-size:.92rem !important;color:var(--c-text-muted) !important}
html.fieldguide .action-row{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:24px !important}
html.fieldguide .page-header:has(+ .container){max-width:980px !important;margin-left:auto !important;margin-right:auto !important;padding:48px 24px 28px !important;box-sizing:border-box !important}
html.fieldguide .page-header + .container{max-width:980px !important;margin:0 auto !important;padding:28px 24px 64px !important;box-sizing:border-box !important}
html.fieldguide .footer-nav{display:flex !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important;margin-top:32px !important;padding-top:16px !important;border-top:1px solid #1b1a16 !important}

} /* end layer */