@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto+Mono:wght@400;500;700&display=swap');
/* ===== Skin: STENCIL — militarytime.now. Field-manual issue: olive drab, sand,
   stencilled condensed caps, hard rules, dog-tag cards, monospace readouts. ===== */
:root{--c:#7d8b3f}
body.skin-stencil{--c:#7d8b3f;--c-d:#5d6a2c;--c-l:#eceedd;--olive:#3c4127;--olive-d:#2b2f1c;--sand:#d8cfae;
  --ink:#23261a;--mut:#4f543f;--faint:#8a8f76;--line:#d5d2c0;--line2:#b9b59d;--bg:#e9e6d7;--card:#f6f4ea;
  --shadow:0 2px 0 rgba(43,47,28,.14);
  margin:0;font-family:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);
  background:var(--bg);font-size:14.5px;line-height:1.68;-webkit-font-smoothing:antialiased;
  background-image:repeating-linear-gradient(0deg,rgba(60,65,39,.035) 0 1px,transparent 1px 4px)}
body.skin-stencil *{box-sizing:border-box}
body.skin-stencil h1,body.skin-stencil h2,body.skin-stencil h3,body.skin-stencil h4{
  font-family:'Oswald',Impact,sans-serif;font-weight:600;line-height:1.14;letter-spacing:.04em;
  text-transform:uppercase;color:var(--olive)}
body.skin-stencil a{color:var(--c-d);text-decoration:none;border-bottom:1px solid rgba(125,139,63,.4)}
body.skin-stencil a:hover{color:var(--olive);border-bottom-color:var(--olive)}

/* ---- Chrome ---- */
body.skin-stencil .g-header{background:var(--olive);border-bottom:4px solid var(--c);position:sticky;top:0;z-index:20}
body.skin-stencil .g-bar{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 22px;flex-wrap:wrap}
body.skin-stencil .g-brand{color:var(--sand);font-family:'Oswald',sans-serif;font-weight:700;font-size:19px;
  letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;border:0}
body.skin-stencil .g-brand b{color:#fff}
body.skin-stencil .g-brand::before{content:"";width:14px;height:24px;background:repeating-linear-gradient(0deg,var(--sand) 0 4px,transparent 4px 8px)}
body.skin-stencil .g-nav{display:flex;gap:0;flex-wrap:wrap;margin-left:auto}
body.skin-stencil .g-nav a{color:#c3c8a8;font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;
  letter-spacing:.11em;text-transform:uppercase;padding:8px 13px;border:0;border-left:1px solid rgba(216,207,174,.2)}
body.skin-stencil .g-nav a:hover{background:var(--olive-d);color:#fff}
body.skin-stencil .g-nav a.is-main{color:#fff;background:var(--c-d)}
body.skin-stencil .g-cta{background:var(--sand);color:var(--olive-d);padding:8px 18px;border:0;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
body.skin-stencil .g-cta:hover{background:#fff;color:var(--olive-d)}
body.skin-stencil .g-main{max-width:1100px;margin:0 auto;padding:30px 22px 64px}

/* ---- Hero ---- */
body.skin-stencil .hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;
  background:var(--card);border:2px solid var(--olive);padding:36px;margin-bottom:32px;box-shadow:var(--shadow);position:relative}
body.skin-stencil .hero::before{content:"24 HR";position:absolute;top:-2px;right:-2px;background:var(--olive);
  color:var(--sand);font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.22em;padding:5px 12px}
body.skin-stencil .hero-h1{font-size:41px;margin:0 0 13px;letter-spacing:.02em}
body.skin-stencil .hero-lead{font-size:15.5px;color:var(--mut);margin:0 0 18px}
body.skin-stencil .hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}
body.skin-stencil .hero-badges li{background:var(--olive);color:var(--sand);font-family:'Oswald',sans-serif;
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px}
body.skin-stencil .hero-badges li::before{content:"\25B8  "}
body.skin-stencil .hero-steps{margin:18px 0 0;padding-left:20px;color:var(--mut);font-size:13.5px}
body.skin-stencil .hero-steps li{margin:5px 0}
body.skin-stencil .hero-widget{display:flex;justify-content:center;align-items:center;padding:30px;
  background:var(--olive-d);border:2px solid var(--c-d);box-shadow:inset 0 0 60px rgba(0,0,0,.45)}
body.skin-stencil .wc-stage{border-radius:0;background:transparent;border:1px dashed rgba(216,207,174,.28)}

/* ---- Sections & cards ---- */
body.skin-stencil .section-h{font-size:23px;margin:0 0 18px;padding-bottom:8px;border-bottom:3px solid var(--olive)}
body.skin-stencil .toolgrid-wrap,body.skin-stencil .content-body,body.skin-stencil .articles-strip,
body.skin-stencil .other-tools,body.skin-stencil .faq{margin:42px 0}
body.skin-stencil .toolgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:12px}
body.skin-stencil .tool-card{display:flex;flex-direction:column;gap:5px;background:var(--card);
  border:2px solid var(--line2);border-left:6px solid var(--c);padding:18px;transition:.14s}
body.skin-stencil .tool-card:hover{border-color:var(--olive);border-left-color:var(--olive);background:var(--c-l)}
body.skin-stencil .tool-card-label{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--olive)}
body.skin-stencil .tool-card-short{font-size:10.5px;font-weight:700;color:var(--c-d);letter-spacing:.14em;text-transform:uppercase}
body.skin-stencil .tool-card-lead{font-size:12.5px;color:var(--mut)}

/* ---- Longform ---- */
body.skin-stencil .longform{max-width:760px;background:var(--card);border:2px solid var(--line2);padding:32px}
body.skin-stencil .longform .lead-copy p:first-child{font-size:16px;color:var(--ink);border-left:4px solid var(--c);padding-left:16px}
body.skin-stencil .longform h2{font-size:22px;margin:28px 0 11px}
body.skin-stencil .longform p{margin:0 0 15px;color:var(--mut)}
body.skin-stencil .longform a{font-weight:500}

/* ---- Articles (dog tags) ---- */
body.skin-stencil .art-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px}
body.skin-stencil .art-card{display:flex;flex-direction:column;gap:7px;background:var(--card);
  border:2px solid var(--line2);border-radius:4px 22px 4px 22px;padding:20px;transition:.14s;position:relative}
body.skin-stencil .art-card::after{content:"";position:absolute;top:11px;right:11px;width:7px;height:7px;
  border-radius:50%;background:var(--line2)}
body.skin-stencil .art-card:hover{border-color:var(--c);background:var(--c-l);text-decoration:none}
body.skin-stencil .art-cluster{font-family:'Oswald',sans-serif;font-size:10.5px;font-weight:600;color:var(--c-d);
  letter-spacing:.16em;text-transform:uppercase}
body.skin-stencil .art-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:16.5px;line-height:1.24;
  color:var(--olive);letter-spacing:.02em;text-transform:uppercase}
body.skin-stencil .art-excerpt{font-size:12.5px;color:var(--mut)}
body.skin-stencil .art-meta{font-size:10.5px;color:var(--faint);margin-top:auto;letter-spacing:.1em;text-transform:uppercase}

/* ---- FAQ ---- */
body.skin-stencil .faq-item{border:2px solid var(--line2);margin-bottom:8px;background:var(--card)}
body.skin-stencil .faq-q{cursor:pointer;padding:14px 17px;font-family:'Oswald',sans-serif;font-weight:500;
  font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--olive);list-style:none}
body.skin-stencil .faq-q::-webkit-details-marker{display:none}
body.skin-stencil .faq-q::after{content:"[+]";float:right;color:var(--c-d);font-family:'Roboto Mono',monospace;font-size:13px}
body.skin-stencil .faq-item[open]{border-color:var(--c)}
body.skin-stencil .faq-item[open] .faq-q::after{content:"[\2212]"}
body.skin-stencil .faq-a{padding:0 17px 15px;color:var(--mut);font-size:13.5px}

/* ---- Article page ---- */
body.skin-stencil .crumbs{font-size:11.5px;color:var(--faint);margin:20px 0 13px;letter-spacing:.1em;text-transform:uppercase}
body.skin-stencil .crumbs span{margin:0 7px}
body.skin-stencil .article{max-width:750px;background:var(--card);border:2px solid var(--line2);padding:38px}
body.skin-stencil .article-head h1{font-size:33px;margin:8px 0;line-height:1.1}
body.skin-stencil .article-meta{color:var(--faint);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
body.skin-stencil .tool-cta,body.skin-stencil .tool-cta-foot{background:var(--olive);color:var(--sand);
  padding:20px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0}
body.skin-stencil .tool-cta h3,body.skin-stencil .tool-cta-foot h3{color:#fff}
body.skin-stencil .cta-btn{background:var(--sand);color:var(--olive-d);padding:11px 22px;border:0;
  font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px}
body.skin-stencil .cta-btn:hover{background:#fff;color:var(--olive-d)}
body.skin-stencil .article-body{color:var(--mut);font-size:15px}
body.skin-stencil .article-body h2{font-size:24px;margin:32px 0 11px;padding-bottom:6px;border-bottom:2px solid var(--line)}
body.skin-stencil .article-body h3{font-size:17.5px;margin:24px 0 9px;color:var(--c-d)}
body.skin-stencil .article-body p{margin:0 0 15px}
body.skin-stencil .article-body ul,body.skin-stencil .article-body ol{margin:0 0 15px 22px}
body.skin-stencil .article-body li{margin:6px 0}
body.skin-stencil .article-body strong{color:var(--olive)}

/* ---- Index & error ---- */
body.skin-stencil .page-head h1{font-size:36px}
body.skin-stencil .cluster-block{margin:42px 0}
body.skin-stencil .error-page{text-align:center;padding:84px 0}
body.skin-stencil .error-page h1{font-size:92px;color:var(--c)}

/* ---- Footer ---- */
body.skin-stencil .g-footer{background:var(--olive-d);margin-top:54px;padding:44px 22px 24px;color:#a8ad8e;
  border-top:4px solid var(--c)}
body.skin-stencil .g-foot-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}
body.skin-stencil .g-foot-grid h4{color:var(--sand);font-family:'Oswald',sans-serif;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;margin:0 0 11px}
body.skin-stencil .g-foot-grid a{display:block;color:#9aa082;font-size:13px;padding:4px 0;border:0}
body.skin-stencil .g-foot-grid a:hover{color:#fff}
body.skin-stencil .g-foot-brand .g-brand{color:var(--sand)}
body.skin-stencil .g-copy{max-width:1100px;margin:28px auto 0;border-top:1px solid rgba(216,207,174,.2);
  padding-top:18px;font-size:11.5px;color:#7b8065;letter-spacing:.08em;text-transform:uppercase}

/* ---- Supplementary shared classes ---- */
body.skin-stencil .hero-copy{min-width:0}
body.skin-stencil .hero-tool,body.skin-stencil .hero-tool-page{min-width:0;align-self:center}
body.skin-stencil .hero-tool-page{max-width:680px;margin:0 auto 32px}
body.skin-stencil .lf-section{margin:8px 0}
body.skin-stencil .articles-strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
body.skin-stencil .more-link{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
body.skin-stencil .faq-title{font-size:23px;margin:0 0 18px;padding-bottom:8px;border-bottom:3px solid var(--olive)}
body.skin-stencil .faq-list{max-width:760px;display:flex;flex-direction:column;gap:8px}
body.skin-stencil .page-head{margin-bottom:16px;border-bottom:3px solid var(--olive);padding-bottom:16px}
body.skin-stencil .page-head-lead{font-size:15.5px;color:var(--mut);max-width:640px;margin-top:9px}
body.skin-stencil .article-head{margin-bottom:16px;border-bottom:2px solid var(--line);padding-bottom:14px}
body.skin-stencil .empty-note{color:var(--faint);background:var(--card);border:2px dashed var(--line2);padding:24px;text-align:center}

/* ---- Widgets on the dark hero ---- */
body.skin-stencil .hero-widget .wc-time,body.skin-stencil .hero-widget .tw-mil-time{color:#d9e07a;
  text-shadow:0 0 22px rgba(217,224,122,.35)}
body.skin-stencil .hero-widget .wc-date,body.skin-stencil .hero-widget .wc-label,
body.skin-stencil .hero-widget .wc-ilabel,body.skin-stencil .hero-widget .tw-note,
body.skin-stencil .hero-widget .tw-mil-say,body.skin-stencil .hero-widget .tw-mil-civ{color:#c3c8a8}
body.skin-stencil .hero-widget .wc-input,body.skin-stencil .hero-widget .wc-select,
body.skin-stencil .hero-widget .wc-sel{background:rgba(216,207,174,.12);color:#f2efe2;border-color:rgba(216,207,174,.35);border-radius:0}
body.skin-stencil .hero-widget .hero-h1{color:#fff}
body.skin-stencil .hero-widget .hero-lead,body.skin-stencil .hero-widget .hero-steps li{color:#c3c8a8}

/* ---- Widget flourishes ---- */
body.skin-stencil .tw-mil-time{font-family:'Roboto Mono',monospace;letter-spacing:.1em}
body.skin-stencil .tw-chart-row{border-radius:0;font-family:'Roboto Mono',monospace}
body.skin-stencil .tw-chart-row.is-now{background:var(--olive);color:var(--sand)}
body.skin-stencil .tw-out{font-family:'Roboto Mono',monospace;color:var(--olive)}
body.skin-stencil .wc-input,body.skin-stencil .wc-select,body.skin-stencil .tw-copy{border-radius:0}
body.skin-stencil .tw-ref-item{border-radius:0;background:var(--c-l);border-color:var(--line2)}
body.skin-stencil .wc-fbtn{border-radius:0;background:var(--olive);font-family:'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase}
body.skin-stencil .wc-fbtn2{border-radius:0;font-family:'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:760px){
  body.skin-stencil .hero{grid-template-columns:1fr;gap:24px;padding:24px}
  body.skin-stencil .hero-h1{font-size:30px}
  body.skin-stencil .toolgrid{grid-template-columns:1fr}
  body.skin-stencil .g-foot-grid{grid-template-columns:1fr 1fr}
}