/*
Theme Name: YardInsight
Theme URI: https://yardinsight.com
Description: Lightweight theme for yard, patio and gardening buying guides. No JavaScript, no external fonts, auto Bing images, expanding category panels and an editorial article feed instead of the usual card grid.
Version: 1.0.3
Requires at least: 5.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: yardinsight
*/
:root{--ink:#14291d;--deep:#0d1d14;--moss:#244a33;--leaf:#2f7d32;--steel:#5b6b60;--paper:#f6f2e7;--mute:#ebe6d6;--line:#ddd6c1;--accent:#e0701a;--accent-d:#b4530c;--sun:#f2c14e;--head:Georgia,'Iowan Old Style','Palatino Linotype',Palatino,'Times New Roman',serif;--ui:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--pad:clamp(16px,3vw,48px);--arch:999px 999px 14px 14px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:17px/1.7 var(--ui)}
main{flex:1 0 auto;width:100%}
a{color:var(--accent-d);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,label:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--head);font-weight:700;line-height:1.14;margin:0 0 .5em;color:var(--ink);letter-spacing:-.01em}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.wrap-full{width:100%;padding-left:var(--pad);padding-right:var(--pad)}
.btn{display:inline-block;padding:13px 26px;border-radius:99px;font-weight:700;background:var(--accent);color:var(--ink);border:2px solid var(--accent);transition:background .15s,border-color .15s}
.btn:hover{background:var(--sun);border-color:var(--sun);text-decoration:none}
.btn-alt{background:transparent;color:#fff;border-color:#5e8a6b}
.btn-alt:hover{background:rgba(255,255,255,.1);border-color:#fff}
.chip{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--ink);border:1px solid var(--line);font:700 12px/1 var(--ui);letter-spacing:1.2px;text-transform:uppercase;padding:6px 11px 6px 9px;border-radius:99px;margin-bottom:12px}
.chip::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--c,var(--accent))}
a.chip:hover{text-decoration:none;border-color:var(--c,var(--accent))}

/* Sticky header with a scalloped garden-edge underline */
.site-head{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;width:100%}
.site-head::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;pointer-events:none;background:radial-gradient(circle at 12px 0,var(--ink) 11px,transparent 12px) 0 0/24px 10px repeat-x}
body.admin-bar .site-head{top:32px}
@media (max-width:782px){body.admin-bar .site-head{top:46px}}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font:700 27px/1 var(--head);color:#fff;letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.brand svg{width:32px;height:32px;flex:none}
.nav-toggle,.burger{display:none}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.main-nav a{display:block;color:#d3e0d6;padding:8px 12px;border-radius:99px;font-size:15px;font-weight:600}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current-cat>a{background:var(--moss);color:#fff;text-decoration:none}
.skip{position:absolute;left:-999px;top:8px}
.skip:focus{left:8px;z-index:100;background:#fff;color:var(--ink);padding:8px 14px;border-radius:4px}
.main-nav li{position:relative}
.main-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:240px;flex-direction:column;gap:2px;padding:8px;background:var(--ink);border:1px solid var(--moss);border-top:3px solid var(--accent);border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(0,0,0,.3);z-index:60}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}
.main-nav .sub-menu a{border-radius:6px}
.main-nav .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:7px;border:4px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:middle}

/* ===== Home: hero ===== */
.hero{position:relative;color:#fff;padding:72px 0 120px;overflow:hidden;background:radial-gradient(55% 80% at 90% 0,rgba(224,112,26,.34),transparent 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 64px,transparent 64px 128px),linear-gradient(165deg,#14291d,#244a33)}
.hero::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-1px;height:64px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}
.hero .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:56px}
.hero-copy{flex:1 1 0;min-width:0}
.eyebrow{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font:700 12px/1 var(--ui);letter-spacing:1.6px;text-transform:uppercase;color:var(--sun)}
.hero h1{color:#fff;font-size:clamp(40px,5.8vw,72px);margin-bottom:18px}
.hl{color:var(--sun);font-style:italic}
.hero p{color:#d3e0d6;max-width:52ch;font-size:19px;margin:0 0 28px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.arch{flex:0 0 min(340px,34%);aspect-ratio:4/5;border-radius:var(--arch);overflow:hidden;background:linear-gradient(180deg,#f2b56b,#f9e6bd 62%);border:6px solid rgba(255,255,255,.14);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.arch svg{display:block;width:100%;height:100%}
.flame{transform-origin:160px 326px;animation:flick 2.2s ease-in-out infinite alternate}
@keyframes flick{from{transform:scale(1,1)}to{transform:scale(.94,1.06)}}

/* Promise ribbon overlapping the hero */
.ribbon{position:relative;z-index:2;margin-top:-52px}
.ribbon .wrap{display:flex;background:#fff;border:1px solid var(--line);border-radius:99px;box-shadow:0 12px 30px rgba(20,41,29,.12);padding:6px}
.ribbon .r{flex:1;display:flex;align-items:center;gap:12px;padding:12px 22px;border-left:1px dashed var(--line)}
.ribbon .r:first-child{border-left:0}
.ribbon svg{width:38px;height:38px;flex:none;padding:8px;border-radius:50%;background:var(--c,var(--leaf));stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ribbon b{display:block;font:700 18px/1.15 var(--head)}
.ribbon small{display:block;color:var(--steel);font-size:13.5px;line-height:1.35}

/* Sections */
.sec{padding:56px 0}
.sec-head{margin-bottom:26px;max-width:62ch}
.sec-head h2,.page-title{font-size:clamp(28px,3.8vw,42px);margin:0}
.sec-head h2::after{content:"";display:block;width:72px;height:6px;margin-top:12px;border-radius:99px;background:linear-gradient(90deg,var(--accent) 0 50%,var(--leaf) 50%)}
.sec-head p{margin:12px 0 0;color:var(--steel)}

/* ===== Category panels: they stretch open on hover or focus (no JS) ===== */
.bento{display:flex;gap:10px;height:460px}
.tile{position:relative;flex:1 1 0;min-width:0;display:block;overflow:hidden;border-radius:22px;background:var(--c,var(--accent));color:#fff;transition:flex-grow .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.tile:hover{text-decoration:none}
.tile-img{position:absolute;inset:0;display:block;background:var(--c,var(--accent))}
.tile-img img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .4s,transform .7s cubic-bezier(.2,.8,.2,1)}
.tile-img::before{content:"";position:absolute;inset:0;z-index:1;background:var(--c,var(--accent));mix-blend-mode:multiply;opacity:.82;transition:opacity .4s}
.tile-img::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(13,29,20,0) 30%,rgba(13,29,20,.82))}
.tile-body{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:6px;padding:20px 20px 22px}
.tile-num{font:700 14px/1 var(--ui);letter-spacing:2px;color:var(--sun)}
.tile-title{font:700 24px/1.12 var(--head);color:#fff}
.tile-more{display:flex;flex-direction:column;gap:10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .35s .1s}
.tile-desc{font-size:15px;line-height:1.5;color:#e6efe8}
.tile-go{align-self:flex-start;padding:8px 16px;border-radius:99px;background:var(--sun);color:var(--ink);font-weight:700;font-size:14px}
.bento .tile:hover,.bento .tile:focus-visible,.bento:not(:hover) .tile:first-child{flex-grow:3.4}
.bento:hover .tile:first-child:not(:hover),.bento:has(.tile:focus-visible) .tile:first-child:not(:focus-visible){flex-grow:1}
.bento .tile:hover .tile-more,.bento .tile:focus-visible .tile-more,.bento:not(:hover) .tile:first-child .tile-more{max-height:180px;opacity:1}
.bento .tile:hover .tile-img img,.bento .tile:focus-visible .tile-img img,.bento:not(:hover) .tile:first-child .tile-img img{filter:none;transform:scale(1.04)}
.bento .tile:hover .tile-img::before,.bento .tile:focus-visible .tile-img::before,.bento:not(:hover) .tile:first-child .tile-img::before{opacity:.18}
.bento:hover .tile:first-child:not(:hover) .tile-more,.bento:has(.tile:focus-visible) .tile:first-child:not(:focus-visible) .tile-more{max-height:0;opacity:0}
.bento:hover .tile:first-child:not(:hover) .tile-img img,.bento:has(.tile:focus-visible) .tile:first-child:not(:focus-visible) .tile-img img{filter:grayscale(1) contrast(1.05);transform:none}
.bento:hover .tile:first-child:not(:hover) .tile-img::before,.bento:has(.tile:focus-visible) .tile:first-child:not(:focus-visible) .tile-img::before{opacity:.82}

/* ===== Article feed: a lead story, then an editorial list with arch-shaped photos ===== */
.feed{display:flex;flex-direction:column;gap:0;counter-reset:story}
.card{position:relative;color:var(--ink)}
.card h3{font-size:clamp(23px,2.6vw,30px);line-height:1.15;margin-bottom:8px}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--accent-d);text-decoration:none}
.card p{margin:0;color:var(--steel);font-size:16px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .more{display:inline-block;margin-top:14px;font-weight:700;font-size:15px;color:var(--ink);border-bottom:2px solid var(--c,var(--accent));padding-bottom:1px}
.card .more:hover{color:var(--accent-d);text-decoration:none}
.card-img{display:block;overflow:hidden;background:var(--mute)}
.card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-img img{transform:scale(1.05)}

/* Lead story: full-bleed image with the text laid over it */
.c-lead{display:flex;align-items:flex-end;min-height:440px;margin-bottom:34px;border-radius:26px;overflow:hidden;background:var(--ink);color:#fff}
.c-lead .card-img{position:absolute;inset:0;background:var(--ink)}
.c-lead .card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,29,20,.05) 20%,rgba(13,29,20,.88))}
.c-lead .card-body{position:relative;z-index:2;max-width:760px;padding:40px 38px 38px}
.c-lead h3{font-size:clamp(30px,4vw,46px)}
.c-lead h3 a{color:#fff}
.c-lead h3 a:hover{color:var(--sun)}
.c-lead p{color:#e0eae3;font-size:18px;-webkit-line-clamp:3}
.c-lead .more{padding:10px 20px;border:0;border-radius:99px;background:var(--sun);color:var(--ink)}
.c-lead .more:hover{background:#fff;color:var(--ink)}
.c-lead .chip{border-color:transparent}

/* Rows: numbered, arch photo on alternating sides, dashed path between stories */
.c-row{display:flex;align-items:center;gap:36px;padding:30px 0;border-top:2px dashed var(--line);counter-increment:story}
.feed .c-row:nth-child(odd){flex-direction:row-reverse}
.c-row .card-img{flex:0 0 250px;aspect-ratio:1/1;border-radius:var(--arch);border-bottom:6px solid var(--c,var(--accent))}
.c-row .card-body{position:relative;flex:1;min-width:0}
.c-row .card-body::before{content:counter(story,decimal-leading-zero);position:absolute;right:0;top:-14px;font:700 76px/1 var(--head);color:var(--c,var(--accent));opacity:.16;pointer-events:none}
.feed .c-row:nth-child(odd) .card-body::before{right:auto;left:0}
.feed .c-row:nth-child(odd) .card-body{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.c-row .chip{background:#fff}

@media (prefers-reduced-motion:reduce){
.tile,.tile-img img,.tile-img::before,.tile-more,.card-img img{transition:none}
.flame{animation:none}
.card:hover .card-img img{transform:none}
}

/* Safety band */
.safety{position:relative;background:var(--sun);color:var(--ink);padding:52px 0 48px}
.safety::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:radial-gradient(circle at 12px 10px,var(--paper) 11px,transparent 12px) 0 0/24px 10px repeat-x}
.safety .wrap{display:flex;gap:28px;align-items:center}
.safety svg{flex:none;width:64px;height:64px}
.safety h2{font-size:32px;margin-bottom:6px}
.safety p{margin:0;color:#3c3410;max-width:72ch}

/* How we pick: stacked numbered rows */
.how{background:linear-gradient(165deg,var(--ink),var(--moss));counter-reset:n}
.how h2{color:#fff}
.how .sec-head p{color:#cfdcd2}
.steps{display:flex;flex-direction:column}
.steps div{counter-increment:n;display:flex;gap:26px;align-items:baseline;padding:22px 0;border-top:1px solid rgba(255,255,255,.16)}
.steps div::before{content:"0" counter(n);flex:none;width:72px;font:700 52px/1 var(--head);color:var(--sun)}
.steps h3{color:#fff;font-size:26px;margin:0 0 4px}
.steps p{margin:0;color:#cfdcd2;font-size:16.5px;max-width:70ch}

/* Seasons: a horizontal timeline */
.seasons{list-style:none;margin:0;padding:0;display:flex;gap:0;position:relative}
.seasons::before{content:"";position:absolute;left:0;right:0;top:15px;border-top:3px dashed var(--line)}
.seasons li{position:relative;flex:1;padding:44px 22px 0 0}
.seasons li::before{content:"";position:absolute;left:0;top:4px;width:26px;height:26px;border-radius:50%;background:var(--c);border:5px solid var(--paper);box-shadow:0 0 0 2px var(--c)}
.seasons .s{font:700 12px/1 var(--ui);letter-spacing:1.6px;text-transform:uppercase;color:var(--steel)}
.seasons h3{font-size:25px;margin:6px 0 6px}
.seasons p{margin:0 0 8px;color:var(--steel);font-size:15.5px;line-height:1.55}
.seasons a{font-weight:700;font-size:15px;color:var(--ink);border-bottom:2px solid var(--c)}
.seasons a:hover{text-decoration:none;color:var(--accent-d)}

/* FAQ */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font:700 21px/1.25 var(--head)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 20px/1 var(--ui);transition:transform .2s}
.faq details[open] summary::after{content:"\2212";background:var(--accent);color:var(--ink)}
.faq details p{margin:0 0 18px;color:var(--steel);max-width:70ch}

/* Page / archive band */
.page-head{position:relative;padding:48px 0 46px;background:radial-gradient(70% 170% at 100% 0,var(--c,rgba(224,112,26,.5)),transparent 65%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 64px,transparent 64px 128px),linear-gradient(165deg,#14291d,#244a33);color:#fff;border-bottom:6px solid var(--c,var(--accent))}
.page-head .page-title{color:#fff}
.page-head .count{margin:6px 0 0;color:#cfdcd2;font-weight:600}
.page-head p{color:#cfdcd2;margin:8px 0 0;max-width:70ch}
.pagination{margin:36px 0 0}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination a,.pagination .current{padding:8px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-weight:600}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty{background:#fff;border:2px dashed var(--line);border-radius:18px;padding:36px;text-align:center;color:var(--steel)}
.search-form{display:flex;gap:8px;max-width:480px;margin-top:16px}
.search-form label{flex:1}
.search-field{width:100%;padding:11px 16px;border:1px solid var(--line);border-radius:99px;font:inherit}
.search-submit{padding:11px 22px;border:0;border-radius:99px;background:var(--accent);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}

/* Single post */
.post-wrap{padding:40px 20px 56px;max-width:1040px;margin:0 auto}
.post-head{max-width:740px;margin:0 auto 20px;padding-bottom:24px;border-bottom:2px dashed var(--line)}
.post-head h1{font-size:clamp(34px,4.8vw,54px)}
.meta{color:var(--steel);font-size:15px}
.aff-note{max-width:740px;margin:0 auto 28px;padding:10px 14px;background:#fff;border-left:5px solid var(--c,var(--accent));border-radius:0 10px 10px 0;font-size:14.5px;color:var(--steel);line-height:1.5}
.entry{max-width:740px;margin:0 auto}
.entry h2{font-size:clamp(27px,3.4vw,36px);margin:1.6em 0 .5em;padding-left:16px;border-left:6px solid var(--c,var(--accent));border-radius:3px}
.entry h3{font-size:26px;margin:1.4em 0 .4em}
.entry p,.entry ul,.entry ol{margin:0 0 1.15em}
.entry li{margin-bottom:.35em}
.entry blockquote{margin:1.5em 0;padding:12px 20px;border-left:5px solid var(--leaf);background:#fff;border-radius:0 14px 14px 0;color:var(--steel);font-family:var(--head);font-size:19px}
.entry table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:0 0 1.3em}
.entry th,.entry td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.entry th{background:var(--ink);color:#fff}
.entry .alignleft{float:left;margin:0 20px 10px 0}.entry .alignright{float:right;margin:0 0 10px 20px}.entry .aligncenter{display:block;margin:0 auto 1.2em}
.yit-fig{margin:1em 0 1.4em;text-align:center}
.yit-fig img{display:inline-block;width:424px;max-width:100%;height:auto;border-radius:18px}
.author-box{max-width:740px;margin:44px auto 0;padding:24px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c,var(--accent));border-radius:20px;display:flex;gap:20px;align-items:flex-start}
.author-box{--av:80px}
.author-box .av,.author-box .av-img{flex:none;width:var(--av);height:var(--av);border-radius:50%;display:block;object-fit:cover}
.author-box .av-img{border:3px solid var(--c,var(--accent));background:#fff}
.author-box .av{background:var(--ink);color:#fff;font:700 calc(var(--av)*.34)/var(--av) var(--head);text-align:center;letter-spacing:1px}
.author-box .ab-text{min-width:0}
.author-box h2{font:700 13px/1.2 var(--ui);text-transform:uppercase;letter-spacing:1.4px;color:var(--steel);margin:0 0 4px;padding:0;border:0}
.author-box .an{font:700 28px/1.1 var(--head);margin:0 0 6px;color:var(--ink)}
.author-box p{margin:0 0 10px;color:var(--steel);font-size:15.5px;line-height:1.55}
.author-box ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.author-box li{margin:0}
.author-box li a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--paper);font-weight:700;font-size:14.5px;color:var(--ink)}
.author-box li a::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,var(--accent))}
.author-box li a.k-facebook::before{background:#1877f2}
.author-box li a.k-aboutme::before{background:#00a98f}
.author-box li a.k-medium::before{background:#f5b400}
.author-box li a:hover{background:var(--c,var(--accent));color:var(--f,#fff);text-decoration:none}
.author-box li a:hover::before{background:currentColor}
.ab-dark{background:linear-gradient(165deg,var(--ink),var(--moss));border-color:var(--moss);border-top-color:var(--c,var(--accent))}
.ab-dark .av{background:var(--c,var(--accent));color:var(--f,#fff)}
.ab-dark h2{color:#a9bfae}.ab-dark .an{color:#fff}.ab-dark p{color:#d3e0d6}
.ab-dark li a{background:rgba(255,255,255,.1);color:#fff}
.ab-color{background:var(--c,var(--accent));border-color:var(--c,var(--accent));border-top-color:rgba(0,0,0,.25);color:var(--f,#fff)}
.ab-color h2,.ab-color .an,.ab-color p{color:var(--f,#fff)}
.ab-color .av-img{border-color:rgba(255,255,255,.85)}
.ab-color li a{background:rgba(255,255,255,.92);color:var(--ink)}
.ab-color li a:hover{background:var(--ink);color:#fff}
.post-nav{max-width:740px;margin:40px auto 0;display:flex;justify-content:space-between;gap:20px;border-top:2px dashed var(--line);padding-top:20px;font-weight:600}

/* Footer */
.site-foot{position:relative;flex-shrink:0;width:100%;margin-top:14px;color:#b5c7b9;font-size:15px;background:radial-gradient(55% 130% at 100% 0,rgba(224,112,26,.18),transparent 62%),var(--deep)}
.site-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;background:radial-gradient(circle at 12px 10px,var(--deep) 11px,transparent 12px) 0 0/24px 10px repeat-x}
.site-foot a{color:#e8f0ea}
.foot-top{display:flex;gap:40px;justify-content:space-between;align-items:center;padding-top:50px;padding-bottom:34px}
.foot-top p{margin:10px 0 0;max-width:36ch;line-height:1.55}
.site-foot .brand{font-size:32px}
.foot-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:760px}
.flink{display:flex;gap:10px;align-items:center;padding:8px 18px 8px 8px;background:#173326;border:1px solid #28483a;border-radius:99px;color:#fff;transition:transform .15s,border-color .15s,background .15s}
.flink:hover{transform:translateY(-2px);border-color:var(--c);background:#1d3d2d;text-decoration:none}
.flink i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c)}
.flink svg{width:18px;height:18px;stroke:var(--f);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flink b{display:block;font:700 15px/1.15 var(--ui);color:#fff}
.flink small{display:none}
.foot-bar{border-top:1px solid #213f31;padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;line-height:1.55}
.foot-bar p{margin:0;max-width:880px}

@media (max-width:1100px){
.burger{display:block;color:#fff;font-size:26px;cursor:pointer;padding:4px 10px;line-height:1}
.main-nav{display:none;width:100%}
.nav-toggle:checked~.main-nav{display:block}
.main-nav ul{flex-direction:column;padding-bottom:12px}
.main-nav a{padding:12px 14px}
.main-nav .sub-menu{display:flex;position:static;border:0;box-shadow:none;background:transparent;padding:0 0 0 14px;min-width:0}
.main-nav .menu-item-has-children>a::after{display:none}
}
@media (max-width:900px){
.hero .wrap{flex-direction:column;align-items:flex-start;gap:36px}
.arch{flex:none;width:min(260px,70%)}
.ribbon .wrap{flex-direction:column;border-radius:26px;padding:8px}
.ribbon .r{border-left:0;border-top:1px dashed var(--line)}
.ribbon .r:first-child{border-top:0}
/* Category panels become a stacked list */
.bento{flex-direction:column;height:auto;gap:10px}
.tile,.bento .tile:hover,.bento .tile:focus-visible,.bento:not(:hover) .tile:first-child,.bento:hover .tile:first-child:not(:hover){flex:none;min-height:150px}
.tile-img img{filter:none}
.tile-img::before{opacity:.45}
.bento .tile .tile-more,.bento:hover .tile:first-child:not(:hover) .tile-more{max-height:none;opacity:1}
.bento .tile .tile-img img,.bento:hover .tile:first-child:not(:hover) .tile-img img{filter:none}
.bento .tile .tile-img::before,.bento:hover .tile:first-child:not(:hover) .tile-img::before{opacity:.45}
.tile-body{position:relative;min-height:150px;justify-content:flex-end}
.tile-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-lead{min-height:380px}
.c-lead .card-body{padding:28px 22px 26px}
.c-row,.feed .c-row:nth-child(odd){flex-direction:row;gap:22px}
.c-row .card-img{flex-basis:170px}
.feed .c-row:nth-child(odd) .card-body{text-align:left;align-items:flex-start}
.feed .c-row:nth-child(odd) .card-body::before{left:auto;right:0}
.seasons{flex-direction:column}
.seasons::before{left:12px;right:auto;top:0;bottom:0;border-top:0;border-left:3px dashed var(--line)}
.seasons li{padding:0 0 28px 48px}
.seasons li::before{top:2px;left:0}
.foot-top{flex-direction:column;align-items:flex-start}
.foot-links{justify-content:flex-start}
.safety .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
body{font-size:16px}
.hero{padding:48px 0 100px}.sec{padding:44px 0}
.c-row,.feed .c-row:nth-child(odd){flex-direction:column;align-items:stretch;gap:16px}
.c-row .card-img{flex:none;width:100%;aspect-ratio:16/10;border-radius:var(--arch)}
.c-row .card-body::before{top:-6px;font-size:56px}
.steps div{flex-direction:column;gap:6px}
.steps div::before{font-size:40px;width:auto}
.author-box{flex-direction:column}
}