:root{
  --ink:#101b16;--primary:#14523f;--primary-dark:#0d3a2c;
  --accent:#b98a2f;--accent-dark:#8f6a20;--secondary:#7d2f35;
  --paper:#f6f7f3;--surface:#ffffff;--rule:#d8dcd4;--muted:#5c6660;
  --serif:Georgia,'Times New Roman',Times,serif;--sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary)}
a:hover{color:var(--accent-dark)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.masthead{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:3px solid var(--primary);box-shadow:0 1px 0 var(--rule)}
.masthead.scrolled{box-shadow:0 6px 18px rgba(16,27,22,.14)}
.masthead-row{display:flex;align-items:center;gap:22px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand svg{width:40px;height:40px;flex:none}
.brand-name{font-family:var(--serif);font-weight:700;font-size:1.35rem;letter-spacing:.02em;line-height:1.1}
.brand-issue{display:block;font-family:var(--sans);font-size:.72rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.desknav{display:flex;gap:4px;flex-wrap:wrap}
.desknav a{font-family:var(--sans);font-size:.86rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:8px 10px;border-bottom:3px solid transparent}
.desknav a:hover,.desknav a[aria-current="page"]{color:var(--primary);border-bottom-color:var(--accent)}
.lang{position:relative}
.lang-toggle{display:flex;align-items:center;gap:7px;font-family:var(--sans);font-size:.82rem;font-weight:700;background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink)}
.lang-toggle .flag{width:20px;height:14px;border:1px solid var(--rule)}
.lang-toggle .caret{width:10px;height:6px;flex:none}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 10px 24px rgba(16,27,22,.16);min-width:132px;padding:6px;display:none}
.lang.open .lang-menu{display:block}
.lang-menu a{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:6px;text-decoration:none;color:var(--ink);font-family:var(--sans);font-size:.85rem}
.lang-menu a:hover{background:var(--paper)}
.lang-menu .flag{width:20px;height:14px;border:1px solid var(--rule)}
main{padding:26px 0 44px}
.page-head{border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:22px}
.page-head h1{margin:0;font-size:2rem;line-height:1.15}
.page-head .kicker{font-family:var(--sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);font-weight:700}
.page-head p{margin:8px 0 0;color:var(--muted);font-family:var(--sans);font-size:.92rem;max-width:70ch}
.home-lead{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:26px;align-items:start}
.lead-card{position:relative;border-radius:10px;overflow:hidden;background:var(--primary-dark)}
.lead-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.lead-card .lead-body{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(180deg,rgba(13,58,44,0) 0%,rgba(13,58,44,.92) 62%)}
.lead-card h2{margin:0 0 8px;font-size:1.7rem;line-height:1.2}
.lead-card h2 a{color:#fff;text-decoration:none}
.lead-card p{margin:0;color:#e8ece7;font-family:var(--sans);font-size:.94rem}
.lead-meta{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:8px}
.rail{border:1px solid var(--rule);border-radius:10px;background:var(--surface);padding:16px 18px}
.rail h2{margin:0 0 12px;font-family:var(--sans);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary)}
.rail ol{list-style:none;margin:0;padding:0}
.rail li{padding:10px 0;border-top:1px solid var(--rule)}
.rail li:first-child{border-top:0}
.rail time{display:block;font-family:var(--sans);font-size:.72rem;color:var(--muted);letter-spacing:.08em}
.rail a{font-weight:600;text-decoration:none;color:var(--ink)}
.rail a:hover{color:var(--primary)}
.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:30px 0}
.strip-card{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--accent);border-radius:8px;padding:14px}
.strip-card h3{margin:0 0 4px;font-family:var(--sans);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.strip-card h3 a{color:var(--primary);text-decoration:none}
.strip-card p{margin:0 0 10px;font-family:var(--sans);font-size:.78rem;color:var(--muted)}
.strip-card a.latest{font-size:.9rem;font-weight:600;text-decoration:none;color:var(--ink)}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:34px 0 14px;border-bottom:1px solid var(--rule);padding-bottom:8px}
.section-title h2{margin:0;font-size:1.25rem}
.section-title a{font-family:var(--sans);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--secondary)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.card .card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}
.card h3{margin:0;font-size:1.08rem;line-height:1.3}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{color:var(--primary)}
.card p{margin:0;font-family:var(--sans);font-size:.86rem;color:var(--muted)}
.meta{font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);font-weight:700}
.meta .dot{color:var(--rule);margin:0 6px}
.rows{display:flex;flex-direction:column}
.row-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--rule);align-items:start}
.row-item img{border-radius:6px;aspect-ratio:4/3;object-fit:cover;width:100%}
.row-item h3{margin:0 0 6px;font-size:1.12rem}
.row-item h3 a{color:var(--ink);text-decoration:none}
.row-item p{margin:0;font-family:var(--sans);font-size:.88rem;color:var(--muted)}
.notices{display:flex;flex-direction:column;gap:12px}
.notice{border:1px solid var(--rule);border-left:5px solid var(--secondary);border-radius:8px;background:var(--surface);padding:14px 16px}
.notice .company{font-family:var(--sans);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);font-weight:700}
.notice h3{margin:6px 0 6px;font-size:1.05rem}
.notice h3 a{color:var(--ink);text-decoration:none}
.notice p{margin:0;font-family:var(--sans);font-size:.86rem;color:var(--muted)}
.timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--accent)}
.timeline li{padding:14px 0 14px 18px;position:relative}
.timeline li::before{content:"";position:absolute;left:-29px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--paper)}
.timeline h3{margin:0 0 4px;font-size:1.06rem}
.timeline h3 a{color:var(--ink);text-decoration:none}
.timeline time{font-family:var(--sans);font-size:.72rem;color:var(--muted);letter-spacing:.08em}
.timeline p{margin:6px 0 0;font-family:var(--sans);font-size:.88rem;color:var(--muted)}
article.story{max-width:760px;margin:0 auto}
article.story .story-image{border-radius:10px;overflow:hidden;margin:18px 0 8px}
article.story figcaption{font-family:var(--sans);font-size:.78rem;color:var(--muted);padding:6px 2px}
article.story h2{font-size:1.4rem;margin:26px 0 10px}
article.story h3{font-size:1.15rem;margin:20px 0 8px}
article.story p{margin:0 0 14px}
article.story ul,article.story ol{margin:0 0 14px;padding-left:22px}
.intextlink{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.comments{margin:38px 0 0;border-top:2px solid var(--ink);padding-top:20px}
.comments h2{font-size:1.2rem;margin:0 0 14px}
.comments form{display:grid;gap:12px;max-width:560px}
.comments label{font-family:var(--sans);font-size:.8rem;font-weight:600;display:grid;gap:6px}
.comments input,.comments textarea{font-family:var(--sans);font-size:.92rem;padding:9px 11px;border:1px solid var(--rule);border-radius:7px;background:var(--surface);color:var(--ink)}
.comments textarea{min-height:110px;resize:vertical}
.comments button{justify-self:start;font-family:var(--sans);font-weight:700;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;background:var(--primary);color:#fff;border:0;border-radius:7px;padding:11px 20px;cursor:pointer}
.comments button:hover{background:var(--primary-dark)}
.comments .comment-note{font-family:var(--sans);font-size:.88rem;background:#eef3ee;border:1px solid var(--rule);border-radius:7px;padding:10px 12px;display:none}
.comments .comment-note.visible{display:block}
.info-body{max-width:760px}
.info-body h2{font-size:1.25rem;margin:26px 0 8px;border-bottom:1px solid var(--rule);padding-bottom:6px}
.info-body p{margin:0 0 12px}
.info-body address{font-style:normal;font-family:var(--sans);font-size:.92rem;background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:12px 14px}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.brand-card{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:18px;text-align:center}
.brand-card svg{width:110px;height:110px;margin:0 auto 12px}
.brand-card h3{margin:0 0 6px;font-size:1.05rem}
.brand-card p{margin:0;font-family:var(--sans);font-size:.84rem;color:var(--muted)}
.brand-card .status{display:inline-block;margin-top:10px;font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);border:1px solid var(--secondary);border-radius:999px;padding:3px 10px}
footer{background:var(--ink);color:#dfe5df;margin-top:46px}
footer .wrap{padding:34px 18px 26px;display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:26px}
footer h2{font-family:var(--sans);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
footer a{color:#dfe5df;text-decoration:none;display:block;padding:3px 0;font-family:var(--sans);font-size:.88rem}
footer a:hover{color:var(--accent)}
footer .foot-brand{display:flex;gap:12px;align-items:flex-start}
footer .foot-brand svg{width:34px;height:34px;flex:none}
footer .copy{grid-column:1/-1;border-top:1px solid #2c3a33;margin-top:8px;padding-top:14px;font-family:var(--sans);font-size:.78rem;color:#a9b4ac}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--accent);color:var(--ink);padding:8px 12px;border-radius:6px;z-index:99}
@media (max-width:980px){
  .home-lead{grid-template-columns:minmax(0,1fr)}
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:640px){
  .masthead-row{gap:10px;min-height:0;padding:10px 0}
  .brand{width:100%;margin-right:0}
  .desknav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .lang{margin-left:auto}
  .strip,.grid-3{grid-template-columns:minmax(0,1fr)}
  .row-item{grid-template-columns:minmax(0,1fr)}
  .row-item img{max-width:180px}
  footer .wrap{grid-template-columns:minmax(0,1fr)}
}
