/* Small Business Smarts: boxed community-newspaper look. Navy menu bar, centred masthead, blue section panels,
   green "more" buttons, a right-hand column of tiles; gold marks the Smart Businesses. */
:root{--navy:#1d4f8f;--navy-d:#16396a;--blue:#3363a3;--link:#1f5fae;--green:#2e7d32;--teal:#1f6f82;--gold:#d79a1e;--gold-d:#8a5a00;--gold-l:#fff6e0;--ink:#1d2430;--mut:#5c6574;--line:#d7dde6;--bg:#eef1f5;--serif:"Merriweather",Georgia,serif;--sans:"Source Sans 3","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--sans);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.btn{display:inline-block;background:var(--navy);color:#fff;font:700 15px/1 var(--sans);padding:12px 18px;border-radius:4px;border:0;cursor:pointer}
.btn:hover{background:var(--navy-d);color:#fff}.btn-block{display:block;text-align:center}
.empty{padding:30px;text-align:center;color:var(--mut);background:#fff;border:1px solid var(--line)}

/* ---------- top menu bar ---------- */
.topnav{background:var(--navy);position:sticky;top:0;z-index:40;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.tn-in{max-width:1180px;margin:0 auto;padding:0 12px;display:flex;align-items:center}
.tn-items{display:flex;flex-wrap:wrap;align-items:stretch}
.tn-items>a,.dd>a{display:flex;align-items:center;gap:6px;color:#fff;font:700 15.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;padding:17px 12px;white-space:nowrap}
.tn-items>a:hover,.dd>a:hover,.tn-items a.on{background:var(--navy-d)}
.tn-sb{color:#ffd77a!important}
.car{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
.dd{position:relative;display:flex}
.dd-m{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.15);padding:6px 0;z-index:50}
.dd-m a{display:block;padding:9px 16px;font:600 15px/1.3 var(--sans);color:var(--ink)}
.dd-m a:hover{background:var(--bg);color:var(--link)}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:block}
.menu{display:none;width:44px;height:44px;background:transparent;border:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:6px 0}
.menu span{display:block;width:22px;height:2px;background:#fff}

/* ---------- boxed page + masthead ---------- */
.page{max-width:1180px;margin:0 auto;background:#fff;padding:0 18px 0;box-shadow:0 0 0 1px var(--line)}
.mast{padding:22px 0 0}
.mast-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.mast-l{display:flex;flex-direction:column;gap:6px}
.m-date{font:600 14px/1.2 var(--sans);color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.m-date b{display:block;font:700 19px/1.25 var(--serif);color:var(--navy-d);text-transform:none;letter-spacing:0}
.m-tag{font:italic 400 15px/1.3 var(--sans);color:var(--mut)}
.brand{display:block;text-align:center}
.wm{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.wm small{font:700 15px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--navy);margin-bottom:4px;padding-left:.42em}
.wm b{font:900 58px/1 var(--serif);color:var(--navy-d);letter-spacing:-.01em}
.wm b::after{content:"";display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--gold);margin-left:.06em}
.wm-w small{color:#cfe0f5}.wm-w b{color:#fff}
.wm-img{height:84px;width:auto;max-width:100%}
.mast-r{justify-self:end;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #f0d79a;background:var(--gold-l);border-radius:8px;max-width:300px}
.mast-r:hover{border-color:var(--gold)}
.mini-seal{flex:none;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f6d77e 0 52%,#16396a 53% 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 3px #d79a1e}
.mini-seal b{font:700 14px/1 var(--serif);color:#16396a}
.mast-r small{display:block;font:600 12.5px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-d)}
.mast-r b{display:block;font:700 16px/1.25 var(--serif);color:var(--navy-d)}
.mast-r em{display:block;font:600 13.5px/1.3 var(--sans);font-style:normal;color:var(--link)}
.mast-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;padding:12px 0 14px;margin-top:14px;border-bottom:2px solid var(--line);font:600 16px/1.3 var(--sans)}
.mast-links a{color:var(--link)}.mast-links a:hover{text-decoration:underline}
.mast-links i{font-style:normal;color:var(--mut);margin:0 9px}

/* ---------- two columns ---------- */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding:20px 0 30px;align-items:start}
.col-main{min-width:0}

/* ---------- slider ---------- */
.slider{position:relative;background:#111;aspect-ratio:16/8.5;overflow:hidden;margin-bottom:20px;border-radius:2px}
.sl{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}
.sl.on{opacity:1;pointer-events:auto}
.sl-img{position:absolute;inset:0;display:block;background:#111}
.sl-img img{width:100%;height:100%;object-fit:cover}
.sl-img.is-brand{background:#fff}
.sl-img.is-brand .fr{height:100%;aspect-ratio:auto;border:0}
.sl-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 70px 34px;background:linear-gradient(transparent,rgba(10,20,35,.88) 38%);text-align:center}
.sl-cap a{color:#fff;font:700 21px/1.3 var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.sl-cap a:hover{text-decoration:underline}
.sl-k{display:inline-block;margin-bottom:8px;background:var(--gold);color:#16211a;font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:3px}
.slider .prev,.slider .next{position:absolute;top:0;bottom:0;width:58px;background:rgba(0,0,0,.25);border:0;color:#fff;font:400 40px/1 var(--sans);cursor:pointer;z-index:3}
.slider .prev{left:0}.slider .next{right:0}
.slider .prev:hover,.slider .next:hover{background:rgba(0,0,0,.5)}
.dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:3}
.dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}
.dots button.on{background:#fff}

/* ---------- blue panels ---------- */
.panel{border:2px solid var(--blue);border-radius:6px;background:#fff;margin-bottom:22px;overflow:hidden}
.p-head{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;background:var(--blue);color:#fff;padding:14px 20px}
.p-head h2{font:700 22px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.03em}
.p-links{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;font:600 16.5px/1.6 var(--sans)}
.p-links a{color:#fff;white-space:nowrap}.p-links a:hover{text-decoration:underline}
.p-links i{font-style:normal;margin:0 7px;opacity:.75}
.p-rss{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:#fff;font:700 16px/1 var(--sans);padding:9px 12px;border-radius:4px}
.p-rss svg{width:15px;height:15px;fill:#fff}
.p-rss:hover{background:#185a6a}
.p-body{padding:22px 22px 18px}
.p-intro{color:var(--mut);margin:-4px 0 18px;font-size:16px}
.p-more{display:flex;justify-content:flex-end;margin-top:6px}
.more-btn{background:var(--green);color:#fff;font:700 16.5px/1 var(--sans);padding:11px 15px;border-radius:4px}
.more-btn:hover{background:#245f27}
.panel-gold{border-color:var(--gold)}
.panel-gold .p-head{background-color:#1d4f8f;background-image:linear-gradient(90deg,#16396a,#1d4f8f);border-bottom:4px solid var(--gold)}
.panel-gold .p-head h2{color:#ffd77a}

/* ---------- thumbnail cards ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px}
.card{text-align:center;min-width:0}
.card-pic{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#eef1f5;margin-bottom:9px}
.card-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card-pic:hover img{transform:scale(1.04)}
.card h3{font:600 18px/1.4 var(--sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card h3 a{color:var(--link)}.card h3 a:hover{text-decoration:underline}
.meta{display:block;font:400 13.5px/1.4 var(--sans);color:var(--mut);margin-top:4px}
.meta b{font-weight:600;color:#3d4655}.meta i{font-style:normal;margin:0 5px}
.ribbon{position:absolute;left:0;top:10px;background:var(--gold);color:#1d1606;font:700 11.5px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;padding:5px 8px 5px 9px;border-radius:0 3px 3px 0;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:2}
.card-b h3 a{color:#7a4d00}
.is-brand{background:#fff!important;border:1px solid #ecd9a8}

/* release pictures: on white, never cropped or stretched */
.fr{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#fff;overflow:hidden}
.card-pic .fr,.row-pic .fr,.sl-pic .fr,.lead-pic .fr,.ts-pic .fr{height:100%;aspect-ratio:auto}
.fr-ph{padding:8px}
.fr-ph img,.fr-lg .tile img{width:100%;height:100%;object-fit:contain!important;transform:none!important}
.fr-lg .tile{display:flex;align-items:center;justify-content:center}
.fr-dk{background:#1d2633}
.n-fb{background:#fff!important;border:1px solid var(--line);position:relative}
.bt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10%}
.bt img{width:100%!important;height:auto!important;max-width:320px;object-fit:contain!important;transform:none!important}
.bt .wm small{font-size:9px}.bt .wm b{font-size:24px}

/* ---------- list rows (section pages) ---------- */
.rows{margin-top:6px}
.row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.grid3 + .rows .row:first-child{margin-top:16px}
.row-pic{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef1f5;align-self:start}
.row-pic img{width:100%;height:100%;object-fit:cover}
.row h3{font:700 20px/1.35 var(--sans);margin:3px 0 6px}
.row h3 a{color:var(--link)}.row h3 a:hover{text-decoration:underline}
.row.card-b h3 a{color:#7a4d00}
.row p{font-size:16px;color:#3d4655}
.kick{display:inline-block;font:700 12.5px/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--navy)}
.kick-b{color:var(--gold-d)}.kick i{font-style:normal;margin:0 5px}

/* ---------- page titles ---------- */
.ptitle{padding:4px 0 16px}
.crumbs{font:600 14.5px/1.4 var(--sans);color:var(--mut);margin-bottom:8px}
.crumbs a{color:var(--link)}.crumbs a:hover{text-decoration:underline}
.crumbs i{font-style:normal;margin:0 7px}
.ptitle h1{font:900 34px/1.15 var(--serif);color:var(--navy-d)}
.ptitle p{color:var(--mut);margin-top:8px;max-width:760px}
.ptitle-sb{background:var(--gold-l);border:1px solid #f0d79a;border-radius:6px;padding:18px 20px;margin-bottom:18px}
.pt-row{display:flex;gap:18px;align-items:center}
.pt-seal{flex:none}.pt-seal svg{display:block;width:96px;height:96px}
.years{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.years a{font:700 15px/1 var(--sans);padding:9px 14px;border:1px solid #e3c271;border-radius:30px;background:#fff;color:var(--gold-d)}
.years a.on,.years a:hover{background:var(--navy-d);border-color:var(--navy-d);color:#fff}
.topics{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.topics span{font:700 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-right:4px}
.topics a{font:600 15px/1 var(--sans);padding:8px 12px;border:1px solid var(--line);border-radius:4px;color:var(--link);background:#fff}
.topics a.on,.topics a:hover{background:var(--link);border-color:var(--link);color:#fff}
.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 10px;font:600 16px/1 var(--sans)}
.pager a{background:var(--navy);color:#fff;padding:11px 16px;border-radius:4px}
.pager a:hover{background:var(--navy-d)}
.pager span{color:var(--mut)}

/* ---------- sidebar tiles ---------- */
.side{display:flex;flex-direction:column;gap:16px;min-width:0}
.tile{display:block;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tile:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.tile-list{position:relative;background-color:#1d4f8f;background-image:linear-gradient(160deg,#16396a,#1d4f8f 60%,#2b64ad);color:#fff;padding:22px 20px 20px;border:0}
.tile-list .tl-seal{position:absolute;right:16px;top:16px;width:64px;height:64px;border-radius:50%;background:#f6d77e;box-shadow:0 0 0 3px #d79a1e,0 0 0 7px rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.tile-list .tl-seal b{font:700 16px/1 var(--serif);color:#16396a}
.tl-k{display:block;font:700 12.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#ffd77a}
.tl-h{display:block;font:900 25px/1.15 var(--serif);margin:10px 80px 8px 0}
.tl-c{display:block;font:600 15px/1.3 var(--sans);color:#d6e3f5}
.tl-go{display:inline-block;margin-top:14px;background:var(--gold);color:#1d1606;font:700 15px/1 var(--sans);padding:10px 13px;border-radius:4px}
.tile-sb{position:relative}
.ts-pic{display:block;aspect-ratio:16/9;background:#fff;border-bottom:3px solid var(--gold)}
.ts-t{display:block;padding:12px 14px 14px}
.ts-k{display:block;font:700 12px/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--gold-d);margin-bottom:5px}
.ts-t b{display:block;font:700 17px/1.25 var(--serif);color:var(--navy-d);margin-bottom:4px}
.ts-t span:last-child{display:block;font:400 15px/1.4 var(--sans);color:#3d4655}
.tile-badge{display:flex;gap:12px;align-items:center;padding:14px;background:var(--gold-l);border-color:#f0d79a}
.tb-svg{flex:none}.tb-svg svg{display:block}
.tb-t b{display:block;font:700 17px/1.2 var(--serif);color:var(--navy-d);margin-bottom:4px}
.tb-t span{display:block;font:400 14.5px/1.4 var(--sans);color:#3d4655}

.sbox{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:4px;background:#fff;padding:14px 16px}
.sbox h4{font:700 17px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--navy-d);margin-bottom:6px}
.sbox ol{list-style:none;counter-reset:n}
.sbox li{counter-increment:n;position:relative;padding:10px 0 10px 32px;border-bottom:1px solid var(--line)}
.sbox li::before{content:counter(n);position:absolute;left:0;top:9px;font:900 19px/1 var(--serif);color:var(--gold-d)}
.sbox li a{display:block;font:600 15.5px/1.35 var(--sans);color:var(--link)}.sbox li a:hover{text-decoration:underline}
.sbox li span{display:block;font-size:13px;color:var(--mut);margin-top:3px}
.sbox-more{display:inline-block;margin-top:10px;font:700 15px/1 var(--sans);color:var(--green)}

/* ---------- article (Smart Business story) ---------- */
.art{background:#fff}
.art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 10px}
.pill{display:inline-block;font:700 12.5px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;padding:6px 10px;border-radius:30px;background:var(--navy);color:#fff}
.pill-gold{background:var(--gold);color:#1d1606}
.art h1{font:900 36px/1.2 var(--serif);color:var(--navy-d)}
.art h1.h-l{font-size:31px}.art h1.h-xl{font-size:27px}
.art-dek{font:400 20px/1.5 var(--sans);color:#3d4655;margin-top:12px}
.art-by{font:600 15px/1.4 var(--sans);color:var(--mut);margin:12px 0 18px}
.art-by b{color:var(--ink)}.art-by i{font-style:normal;margin:0 9px;color:var(--mut)}
.art-fig{margin:0 0 14px}
.art-fig .fr{aspect-ratio:16/9;border:1px solid var(--line)}
.art-fig figcaption{font:italic 400 14px/1.4 var(--sans);color:var(--mut);margin-top:6px}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}
.share span{font:700 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-right:4px}
.share a,.share button{font:700 14.5px/1 var(--sans);padding:9px 12px;border-radius:4px;background:var(--navy);color:#fff;border:0;cursor:pointer}
.share a:hover,.share button:hover{background:var(--navy-d)}
.prose{font:400 18px/1.75 var(--sans);color:#222a35}
.prose p{margin:0 0 1.1em}
.prose .lede{font-size:19.5px}
.prose .dl{font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:8px}
.prose h2{font:700 25px/1.3 var(--serif);color:var(--navy-d);margin:1.3em 0 .5em}
.prose a{color:var(--link);text-decoration:underline}
.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.3em}
.prose blockquote{margin:1.4em 0;padding:6px 0 6px 20px;border-left:4px solid var(--gold);font-style:italic}
.prose .pull{margin:1.5em 0;padding:18px 20px;background:var(--gold-l);border-left:5px solid var(--gold)}
.prose .pull p{font:700 21px/1.4 var(--serif);color:var(--navy-d);margin:0}
.prose .in-fig{margin:1.5em auto;text-align:center}
.prose .in-fig img{display:inline-block;max-height:560px;width:auto;max-width:100%;background:#fff;border:1px solid var(--line)}
.prose img,.prose table{max-width:100%}.prose table{display:block;overflow-x:auto}.prose{overflow-wrap:anywhere}
.about-co{margin:1.8em 0 1.2em;padding:20px 22px;background:#f4f7fb;border:1px solid var(--line);border-top:4px solid var(--navy)}
.about-co h3{font:700 22px/1.3 var(--serif);color:var(--navy-d);margin:6px 0 8px}
.about-co p{font-size:16.5px}
.about-co .btn{color:#fff;text-decoration:none;margin-top:4px}
.disclose{font-size:15px!important;line-height:1.6!important;color:var(--mut);padding:14px 0;border-top:1px solid var(--line)}
.co-card{border:1px solid var(--line);border-radius:4px;padding:16px;background:#fff}
.co-card .fr{margin:10px 0 12px;border:1px solid var(--line)}
.co-name{display:block;font:700 20px/1.25 var(--serif);color:var(--navy-d);margin-bottom:12px}
.embed{border:1px solid #f0d79a;background:var(--gold-l);border-radius:6px;padding:16px;text-align:center}
.em-seal{display:flex;justify-content:center;margin:10px 0 8px}.em-seal svg{max-width:190px;height:auto}
.em-h{font:700 19px/1.3 var(--serif);color:var(--navy-d);margin-bottom:6px}
.embed p{font-size:15px;line-height:1.5;color:#3d4655;margin-bottom:8px}
.embed b{color:var(--ink)}
.embed .em-s{font-size:14px;color:var(--mut)}
.embed textarea{width:100%;font:13px/1.4 ui-monospace,Menlo,monospace;border:1px solid #e3c271;border-radius:4px;padding:8px;resize:vertical;background:#fff;color:#333}
.embed button{margin-top:8px;width:100%;background:var(--navy);color:#fff;border:0;border-radius:4px;font:700 15px/1 var(--sans);padding:12px;cursor:pointer}
.embed button:hover{background:var(--navy-d)}
.rail-logo{text-align:center;padding:16px 0 4px}.rail-logo .wm b{font-size:30px}.rail-logo .wm small{font-size:10px}.rail-logo .wm-img{height:48px;margin:0 auto}

/* ---------- plain pages, 404 ---------- */
.prose.page{max-width:780px;padding-bottom:20px}
.nf{text-align:center;padding:70px 20px}
.nf h1{font:900 34px/1.2 var(--serif);color:var(--navy-d);margin-bottom:10px}.nf p{margin-bottom:16px}

/* ---------- footer ---------- */
.foot{background:var(--navy-d);color:#d6e3f5;margin:0 -18px;padding:36px 30px 22px}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.18)}
.foot-brand .wm{align-items:flex-start}.foot-brand .wm b{font-size:36px}.foot-brand .wm small{font-size:11px;padding-left:0}
.foot-brand .wm-img{height:56px}
.foot-brand p{font-size:15.5px;line-height:1.6;margin-top:12px}
.foot h6{font:700 14px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#ffd77a;margin-bottom:12px}
.foot-top a{display:block;font-size:15.5px;padding:4px 0;color:#fff}
.foot-top a:hover{text-decoration:underline}
.fine{font-size:14px;line-height:1.6;color:#c3d3ea;margin-top:14px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
 .tn-items>a,.dd>a{font-size:14px;padding:16px 9px}
 .foot-top{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
 .cols{grid-template-columns:minmax(0,1fr)}
 .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .mast-in{grid-template-columns:1fr auto}
 .mast-l{display:none}
}
@media (max-width:860px){
 .menu{display:flex}
 .tn-in{flex-wrap:wrap}
 .tn-items{display:none;width:100%;flex-direction:column;padding-bottom:8px}
 .nav-open .tn-items{display:flex}
 .tn-items>a,.dd>a{padding:13px 8px;font-size:16px;border-top:1px solid rgba(255,255,255,.12)}
 .dd{flex-direction:column}
 .dd-m{position:static;display:block;box-shadow:none;border:0;background:transparent;padding:0 0 4px 14px;min-width:0}
 .dd-m a{color:#d6e3f5;font-size:15px;padding:7px 8px}
 .dd-m a:hover{background:transparent;color:#fff}
 .tn-sec{display:none!important}
}
@media (max-width:700px){
 .page{padding:0 14px}
 .mast-in{grid-template-columns:1fr;justify-items:center;gap:14px}
 .mast-r{justify-self:center}
 .wm b{font-size:clamp(34px,11vw,52px)}.wm small{font-size:clamp(10px,3.2vw,14px)}
 .wm-img{height:auto;max-height:64px}
 .mast-links{justify-content:center;text-align:center;font-size:15px}
 .grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
 .card h3{font-size:16.5px}
 .p-head{padding:12px 14px}.p-body{padding:16px 14px 14px}
 .p-links{flex:1 1 100%;max-width:100%;order:3;font-size:15.5px}
 .row{grid-template-columns:120px minmax(0,1fr);gap:12px}
 .row h3{font-size:17.5px}.row p{display:none}
 .side{grid-template-columns:1fr}
 .art h1,.art h1.h-l{font-size:27px}.art h1.h-xl{font-size:24px}
 .ptitle h1{font-size:28px}
 .pt-row{flex-direction:column;align-items:flex-start}
 .foot{margin:0 -14px;padding:30px 18px 20px}
 .foot-top{grid-template-columns:1fr}
 .sl-cap{padding:14px 50px 30px}.sl-cap a{font-size:17px}
 .slider{aspect-ratio:4/3}
 .slider .prev,.slider .next{width:40px;font-size:30px}
}
@media (max-width:420px){
 .grid3{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.sl{transition:none}.card-pic img{transition:none}}