/* Herbino Živě · public botanical newspaper, reuses Herbino's local fonts and atlas plates. */
:root{color-scheme:light;--paper:#f5f0e4;--paper2:#eee5d1;--ink:#283c2f;--sub:#566653;--border:#cbbfa5;--green:#315f43;--gold:#a77c47;--muted:#ece3d0;--white:#fbf8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 80% 0%,#e9e2cc 0%,transparent 40%),var(--paper);color:var(--ink);font-family:"Source Sans 3",system-ui,sans-serif;font-size:17px;line-height:1.55}
a{color:inherit}a:hover{color:var(--green)}button,select{font:inherit}button{cursor:pointer}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.17}
h1{font-size:clamp(3.5rem,7vw,6.7rem);letter-spacing:-.055em;margin:0 0 17px}
h1 em{font-weight:500;color:var(--green)}
h2{font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.024em}
h3{font-size:1.35rem}
:focus-visible{outline:3px solid #987036;outline-offset:4px}
.skip{position:absolute;top:-80px;left:16px;z-index:20;background:var(--ink);color:white;padding:10px}
.skip:focus{top:12px}
.masthead{border-bottom:1px solid var(--border);background:rgba(248,244,232,.94)}
.masthead-inner{max-width:1260px;margin:auto;min-height:84px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.wordmark{display:inline-flex;align-items:center;text-decoration:none;gap:9px;font-family:"Playfair Display",Georgia,serif;font-size:1.7rem;font-weight:750;white-space:nowrap}
.wordmark img{flex-shrink:0}.dot{color:#a77d48}
.masthead nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2.2vw,29px)}
.masthead nav a{font-size:.95rem;text-decoration:none;border-bottom:1px solid transparent}
.masthead nav a[aria-current=page]{font-weight:750;border-color:var(--green)}
.masthead .nav-garden{border:1px solid var(--border);padding:8px 12px;background:var(--white)}
.hero{max-width:1260px;margin:0 auto;padding:clamp(30px,5vw,68px) 28px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(24px,5vw,85px);align-items:center;position:relative}
.hero:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:var(--border)}
.eyebrow{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#6b765b}
.eyebrow.small{font-size:.7rem;margin-bottom:9px}
.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#729568;margin:0 8px 1px 0;box-shadow:0 0 0 4px #72956820}
.hero-tagline{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.4;max-width:650px}
.hero-description{font-size:1.07rem;color:var(--sub);max-width:650px}
.hero-markers{display:flex;flex-wrap:wrap;gap:9px 23px;margin-top:29px;font-size:.86rem;color:#6a735d;font-weight:700}
.hero-art{min-height:300px;position:relative;border:1px solid var(--border);background:linear-gradient(136deg,#f7f2e3,#ede4cc);box-shadow:13px 14px 0 -7px #cab89852;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.hero-art:before{content:"";position:absolute;inset:9px;border:1px solid #baaf984d;pointer-events:none}
.hero-art img{display:block;width:min(100%,340px);height:clamp(185px,25vw,300px);object-fit:contain;mix-blend-mode:multiply}
.plate-top,.plate-bottom{font:700 .67rem "Source Sans 3",sans-serif;letter-spacing:.14em;color:#8c805e;text-align:center}
.plate-bottom{font-style:italic;letter-spacing:.02em;font-size:.78rem}
.controls,.news-section{max-width:1260px;margin:0 auto;padding:32px 28px}
.controls{background:linear-gradient(100deg,#efe8d7,#f4eedf);border-bottom:1px solid var(--border)}
.controls-heading,.news-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.controls-heading h2{margin-bottom:12px}
.region-field,.topic-field{display:flex;flex-direction:column;gap:6px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sub);font-weight:800}
.region-field{width:min(100%,295px);margin-bottom:16px}
select{width:100%;min-height:45px;border:1px solid var(--border);border-radius:2px;padding:8px 33px 8px 12px;background:var(--white);color:var(--ink);font-weight:650;cursor:pointer}
.filter-line{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.scope-list{display:flex;flex-wrap:wrap;gap:8px}
.scope-list button{min-height:42px;border:1px solid var(--border);border-radius:2px;background:transparent;padding:9px 13px;color:var(--ink);font-size:.91rem}
.scope-list button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}
.scope-list button:not([aria-pressed=true]):hover{background:#e7dcc5}
.topic-field{width:215px}
.region-hint{color:#886335;font-size:.89rem;margin:13px 0 0}
.news-section{padding-top:44px;padding-bottom:80px}
.news-heading{padding-bottom:13px}
.news-heading h2{margin:0}
.refresh{background:transparent;color:var(--green);border:1px solid var(--border);padding:9px 15px;border-radius:2px;white-space:nowrap}
.refresh:hover{background:var(--muted)}.refresh:disabled{opacity:.55;cursor:wait}
.refresh span{font-size:1.3rem;margin-right:4px}
.meta-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;font-size:.83rem;color:var(--sub)}
.meta-strip p{margin:0}

.counts{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:19px 0 23px}
.counts span{font-size:.81rem;border:1px solid #cbbb9c;padding:4px 10px;background:#f4eddf;color:#53614e}
.counts strong{font-weight:800;color:var(--ink)}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(20px,3vw,42px);align-items:start}
.news-main{min-width:0}
.featured{margin-bottom:18px}
.news-card{border:1px solid var(--border);background:var(--white);padding:24px 24px 20px;position:relative;min-width:0;transition:background .15s,border-color .15s}
.news-card:hover{background:#f9f3e5;border-color:#a7a08c}
.news-card:before{content:"";position:absolute;top:0;left:0;width:66px;height:3px;background:var(--gold)}
.news-card.feature{background:#eceddc;border-color:#b6bfa9;padding:clamp(24px,4vw,42px);overflow:hidden}
.news-card.feature:before{height:5px;width:140px;background:var(--green)}
.news-card.feature:after{content:"✣";font:160px Georgia,serif;color:#b9c5aa45;position:absolute;right:11px;bottom:-90px;z-index:0;pointer-events:none}
.news-card>*{position:relative;z-index:1}
.news-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:#66705b;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:13px}
.news-kicker .geo{color:#315f43}
.news-card h3{font-size:clamp(1.22rem,2vw,1.48rem);line-height:1.3;letter-spacing:-.01em;margin:0 0 15px;overflow-wrap:anywhere}
.news-card.feature h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.22;max-width:690px}
.news-card h3 a{color:var(--ink);text-decoration:none}
.news-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.news-card .abstract{color:var(--sub);font-size:.94rem;line-height:1.53;margin:0 0 19px;max-width:67ch}
.news-card.feature .abstract{font-size:1.04rem}
.news-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #d6cfbc;padding-top:13px;font-size:.8rem}
.news-footer .source{color:#69775f;font-weight:800}
.news-footer a{color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.news-aside{display:grid;gap:17px}
.aside-card{background:#efe7d4;border:1px solid var(--border);padding:23px 21px}
.aside-card h3{font-size:1.55rem;line-height:1.25;margin-bottom:14px}
.aside-card p{font-size:.9rem;color:#53604e}
.aside-card .fine{font-size:.79rem;color:#6e7467;margin-bottom:0}
.mix-bars{display:flex;height:8px;gap:3px;margin:21px 0}
.mix-bars span{display:block;height:8px}
.bar-local{background:#3e6b4b;flex:6}.bar-czech{background:#ab8a57;flex:2.5}.bar-world{background:#9aa38a;flex:1.5}
.source-list{border-top:1px solid #cdbd9d;margin-top:14px}
.source-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d6c6a9;padding:9px 0;font-size:.8rem;color:#53604e}
.source-row .health-ok{color:#3e6e48;font-weight:750}
.source-row .health-stale{color:#946036;font-weight:750}
.empty-state{border:1px dashed var(--border);background:#f6efe2;padding:24px;color:var(--sub)}
.site-footer{border-top:1px solid var(--border);background:#e8dfcd;padding:28px max(28px,calc((100vw - 1204px)/2));display:flex;align-items:start;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;font-size:.86rem}
.site-footer strong{font-family:"Playfair Display",Georgia,serif;font-size:1.25rem}.site-footer p{margin:4px 0;color:var(--sub)}
.footer-links{display:flex;gap:10px 20px;flex-wrap:wrap}
.site-footer .copyright{width:100%;font-size:.79rem;border-top:1px solid #ccc0a9;padding-top:13px}
.no-script{background:#fff3d5;padding:20px;text-align:center}
@media(max-width:960px){
 .news-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}
 .hero{gap:26px}.hero-art{min-height:260px}.hero-art img{height:235px}
 .masthead-inner{padding:13px 20px}.news-section,.controls{padding-left:20px;padding-right:20px}
}
@media(max-width:760px){
 .hero{grid-template-columns:1fr;padding:33px 20px 26px;gap:25px}
 .hero-art{min-height:150px;display:none}
 .hero h1{font-size:clamp(3.8rem,13vw,5.6rem)}
 .hero-description{font-size:1rem}
 .news-layout{grid-template-columns:1fr}
 .news-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
 .controls-heading{align-items:stretch;flex-direction:column;gap:8px}
 .controls-heading h2{margin-bottom:0}
 .region-field{width:100%;margin:0 0 10px}
 .news-section{padding-top:30px}
 .news-card.feature{padding:26px}
}
@media(max-width:520px){
 body{font-size:16px}
 .masthead-inner{min-height:71px;gap:10px;padding:8px 15px;align-items:flex-start}
 .wordmark{font-size:1.4rem}.wordmark img{width:36px;height:36px}
 .masthead nav{margin-top:10px;gap:7px 12px;justify-content:flex-end;font-size:.8rem}
 .masthead nav a{font-size:.78rem}
 .masthead nav a:first-child{display:none}
 .masthead .nav-garden{padding:4px 7px}
 .hero{padding:34px 17px 22px}
 .hero h1{font-size:3.65rem}
 .hero-tagline{font-size:1.45rem}
 .hero-markers{gap:4px 10px;font-size:.76rem}
 .controls,.news-section{padding-left:17px;padding-right:17px}
 .scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .scope-list button{font-size:.83rem;min-width:0;padding:8px 6px}
 .topic-field{width:100%}
 .news-heading{align-items:start;flex-direction:column;gap:10px}
 .news-heading h2{font-size:1.9rem}
 .news-grid{grid-template-columns:1fr}
 .news-card{padding:22px}
 .news-card.feature h3{font-size:1.7rem}
 .news-aside{grid-template-columns:1fr}
 .site-footer{padding:22px 17px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}