/* KOSTUM4D editorial marketplace – all visuals locally hosted */
:root{--ink:#20242b;--muted:#65717d;--line:#e5e8ec;--canvas:#fff;--wash:#f7f8fa;--nav:#272b30;--gold:#edb948;--rust:#a9321e;--forest:#235e4a;--shadow:0 12px 34px rgba(31,35,40,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding-bottom:91px}img{max-width:100%;height:auto}a{color:#196b73;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f5a72d;outline-offset:3px}.container{max-width:1160px;width:calc(100% - 40px);margin-inline:auto}.tinybar{background:#202125;color:#fafafa;min-height:54px}.top-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}.site-id{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:850;letter-spacing:.02em}.site-id:hover{color:#fff;text-decoration:none}.site-id img{height:31px;width:31px;object-fit:contain}.site-id .market-label{color:#efc25d;font-weight:700}.tiny-links{display:flex;align-items:center;gap:16px;font-size:13px}.tiny-links a{color:#e4e4e4}.top-action{border-radius:5px;background:#6c932b;padding:6px 13px!important;color:white!important;font-weight:700}.masthead{background:#fff;border-bottom:1px solid #eceef0}.mast-inner{display:flex;align-items:center;gap:24px;min-height:94px}.brandmark{display:flex;align-items:center;flex:0 0 275px}.brandmark img{width:275px;height:auto;object-fit:contain}.searchform{flex:1;display:flex;border:1px solid #d5d9df;border-radius:7px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.03);min-width:0;overflow:hidden}.searchform input{min-width:0;flex:1;border:0;outline:0;padding:14px 17px;background:transparent;color:#282828}.searchform button{border:0;background:#333c46;color:#fff;padding:0 23px;font-weight:750}.searchform button:hover{background:#1b292b}.hamburger{display:none;background:white;color:#333;border:1px solid #ddd;border-radius:5px;padding:8px 13px}.category-nav{border-bottom:1px solid #dfe2e6;background:#f4f5f7}.category-inner{display:flex;align-items:center;gap:0;justify-content:space-between}.category-inner a{color:#4b525d;padding:12px 13px;display:block;font-size:13px;font-weight:650;white-space:nowrap}.category-inner a:hover,.category-inner a[aria-current=page]{background:white;color:#ab3d18;text-decoration:none}.announcement{margin:22px 0 20px;background:#f8f9fa;border:1px solid #e3e5e8;border-radius:6px;display:flex;align-items:center;gap:10px;overflow:hidden;min-height:41px}.ann-label{background:#a73622;color:#fff;font-size:12px;letter-spacing:.04em;font-weight:850;align-self:stretch;display:flex;align-items:center;padding:0 13px;white-space:nowrap}.ticker{overflow:hidden;white-space:nowrap;min-width:0;flex:1;color:#4d535d;font-size:13px}.ticker span{display:inline-block;animation:marquee 26s linear infinite;min-width:100%}@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker span{animation:none;white-space:normal}}
.breadcrumb{font-size:12px;color:#7a818a;display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:24px 0 9px}.breadcrumb a{color:#707984}.page-title{font-size:clamp(25px,2.6vw,34px);line-height:1.22;font-weight:820;letter-spacing:-.025em;margin:0 0 15px}.meta-row{display:flex;gap:10px 17px;align-items:center;flex-wrap:wrap;color:#777;font-size:12px;margin-bottom:23px}.meta-row strong{color:#333}.stars{color:#d39a27;letter-spacing:2px}.red-tag{background:#9d3023;color:#fff;font-weight:750;padding:4px 8px;border-radius:3px;font-size:11px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}.main-column{min-width:0}.side-column{min-width:0}.hero-frame{border:1px solid #e2e5e8;background:#fff;padding:17px;border-radius:7px;box-shadow:0 5px 20px rgba(38,40,41,.05)}.hero-image{display:block;width:100%;max-width:690px;max-height:690px;object-fit:contain;aspect-ratio:1/1;margin:auto;border-radius:3px}.summary{border:1px solid #e1e5e9;border-radius:7px;padding:20px 24px;margin-top:18px;background:#fff}.summary h2,.panel h2{margin:0 0 12px;font-size:19px;line-height:1.4}.summary p{margin:0;color:#626c76}.panel{background:#fff;border:1px solid #dfe2e7;border-radius:7px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.panel-head{background:#fafafa;border-bottom:1px solid #e4e6e8;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.panel-head strong{font-size:15px}.panel-body{padding:20px}.slogan{color:#a3321e;font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.price{font-size:27px;font-weight:850;letter-spacing:-.04em;margin:4px 0 6px}.price small{font-size:13px;color:#6d727b;font-weight:500;letter-spacing:0}.features{list-style:none;padding:0;margin:16px 0}.features li{display:flex;align-items:flex-start;gap:10px;margin:9px 0;color:#525c67;font-size:13px}.features li:before{content:'✓';color:#2c805e;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:850;font-size:14px;border-radius:5px;padding:12px 16px;transition:transform .15s,background .15s;text-decoration:none!important}.btn:hover{transform:translateY(-1px)}.btn-block{display:flex;width:100%;margin-top:10px}.btn-gold{background:#e6aa28;color:#28231a!important;border:1px solid #c18b1b}.btn-red{background:#ac321e;color:#fff!important;border:1px solid #8e2414}.btn-outline{background:#fff;color:#34383e!important;border:1px solid #ccd1d8}.small-panel{padding:18px 19px}.small-panel p{font-size:13px;color:#63707b;margin:7px 0}.side-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f1;padding:11px 0;font-size:13px;font-weight:700}.side-links a:last-child{border-bottom:0}.story-tabs{display:flex;gap:0;border-bottom:1px solid #e1e6e8;margin:27px 0 16px;overflow-x:auto}.story-tabs a{display:block;padding:12px 17px;border-bottom:3px solid transparent;color:#53606e;white-space:nowrap;font-size:13px;font-weight:750}.story-tabs a:first-child{border-color:#a63a26;color:#a63a26}.story-tabs a:hover{text-decoration:none;color:#a63a26}.section-heading{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:23px 0 15px}.colorbox{border-radius:8px;padding:23px 27px;color:#fff;margin:14px 0;box-shadow:0 6px 20px rgba(7,20,33,.10);background:#263e5d}.colorbox p{font-size:15px;line-height:1.9;color:#fff;margin:0 0 13px}.colorbox p:last-child{margin-bottom:0}.colorbox h2,.colorbox h3{margin:0 0 12px;color:white;line-height:1.37}.colorbox h2{font-size:21px}.colorbox h3{font-size:18px}.colorbox a{color:#fff;text-decoration:underline}.tone-navy{background:#253c5c}.tone-burgundy{background:#722b3e}.tone-teal{background:#175e60}.tone-plum{background:#4b396f}.tone-rust{background:#884124}.tone-green{background:#245746}.tone-charcoal{background:#333e50}.tone-indigo{background:#354780}.tone-ink{background:#223047}.tone-cocoa{background:#65503d}.tone-deepred{background:#833c36}.tone-slate{background:#31465c}.tipnote{border-left:4px solid #eab64a;background:#fff9ed;padding:15px 17px;color:#684f25;border-radius:0 6px 6px 0;margin:18px 0}.middle-ticker{border-radius:5px;margin:24px 0;background:#313b49;color:#fff;padding:11px 0;overflow:hidden;white-space:nowrap;font-weight:750;font-size:12px;letter-spacing:.05em}.middle-ticker span{display:inline-block;padding-left:100%;animation:midflow 24s linear infinite}@keyframes midflow{to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.middle-ticker span{padding:0 12px;animation:none;white-space:normal}}.faq-list{display:grid;gap:9px}.faq-list details{background:#fff;border:1px solid #e0e5e9;border-radius:6px;overflow:hidden}.faq-list summary{list-style:none;padding:15px 19px;font-weight:750;cursor:pointer;color:#28323c;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;line-height:1;color:#ad4629}.faq-list details[open] summary:after{content:'–'}.faq-list details p{padding:0 19px 17px;margin:0;color:#5b6673;font-size:14px;line-height:1.8}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0}.content-card{display:block;border:1px solid #e3e6ea;border-radius:7px;background:#fff;overflow:hidden;transition:box-shadow .2s,transform .2s}.content-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}.content-card[hidden],.empty[hidden]{display:none!important}.content-card .strip{height:7px;background:#e2aa32}.content-card:nth-child(3n+2) .strip{background:#397482}.content-card:nth-child(3n+3) .strip{background:#9b4731}.content-card-content{padding:17px 18px}.content-card small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9c452b;font-weight:850;margin:0 0 7px}.content-card h3{font-size:16px;line-height:1.38;color:#283038;margin:0 0 9px}.content-card p{font-size:13px;color:#697480;line-height:1.6;margin:0}.content-card span{display:block;color:#9c3a25;font-size:12px;font-weight:800;margin-top:12px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:14px 0}.review{border-radius:7px;padding:19px;border:1px solid #e6e9ec;background:#fafbfc}.review strong{display:block;font-size:14px;margin-bottom:7px}.review p{color:#65717e;margin:0;font-size:13px}.review .avatar{width:33px;height:33px;border-radius:50%;background:#e0bf81;color:#40280e;display:flex;align-items:center;justify-content:center;font-weight:850;margin-bottom:12px}.article-info{border:1px solid #e3e6e9;border-radius:7px;padding:19px;background:#fafbfc;margin:16px 0}.article-info p{font-size:13px;margin:0;color:#5f6b78}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px}.article-body{min-width:0}.article-body .intro{font-size:16px;color:#58636d;line-height:1.85}.article-body .colorbox{padding:25px 30px;margin:20px 0}.article-body .colorbox p{font-size:15px}.article-body h2.outside{font-size:23px;margin-top:26px}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.directory-toolbar p{color:#6e7781;font-size:13px;margin:0}.directory-search{border:1px solid #d7dce0;border-radius:5px;padding:10px 13px;max-width:320px;width:100%}.empty{color:#777;background:#f6f7f8;border-radius:7px;padding:20px}.footer-main{margin-top:45px;background:#f6f7f9;border-top:1px solid #e2e7e9;padding:35px 0 25px}.footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px}.footer-cols img{width:220px;object-fit:contain}.footer-cols p{font-size:13px;color:#6a7480;max-width:430px}.footer-cols h3{font-size:14px;margin:0 0 12px}.footer-cols ul{list-style:none;padding:0;margin:0}.footer-cols li{margin:8px 0;font-size:13px}.footer-cols a{color:#55616d}.copyright{border-top:1px solid #e1e5e8;padding-top:15px;margin-top:23px;color:#8b939b;font-size:12px}.sticky-actions{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:40;min-height:69px;background:#222832;border-top:3px solid #e2b64c;box-shadow:0 -7px 25px rgba(20,25,35,.16);padding:8px max(14px,calc((100vw - 1000px)/2));gap:8px}.sticky-actions a{color:#fff;background:#394454;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:800;letter-spacing:.03em;line-height:1.2;text-decoration:none;min-height:49px}.sticky-actions a:hover{background:#6b3c25}.sticky-actions a:nth-child(2){background:#ab391f}.sticky-actions a:nth-child(3){background:#9a671c}.sticky-actions a:nth-child(4){background:#236458}.sticky-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pill{display:inline-block;border-radius:20px;background:#fff1de;color:#985c20;font-size:11px;font-weight:850;padding:5px 11px;margin-bottom:12px}.article-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.article-navigation a{background:#f5f6f8;border:1px solid #e2e5e9;color:#364657;border-radius:5px;padding:9px 12px;font-size:13px;font-weight:700}.subtle{color:#687583}.desktop-brief{border-left:4px solid #d3a037;padding:5px 0 5px 18px;margin:18px 0;font-size:15px;color:#505d6c}
@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:19px}.category-inner{overflow-x:auto}.category-inner a{padding:10px 12px}.brandmark{flex-basis:205px}.brandmark img{width:205px}.mast-inner{gap:17px}.page-title{font-size:27px}}
@media(max-width:740px){body{padding-bottom:75px;font-size:14px}.container{width:calc(100% - 28px)}.tinybar,.top-inner{min-height:47px}.site-id{font-size:12px}.site-id img{width:27px;height:27px}.tiny-links{gap:9px;font-size:11px}.tiny-links .extra{display:none}.top-action{padding:4px 8px!important}.mast-inner{min-height:76px;gap:10px;flex-wrap:wrap;padding:10px 0}.brandmark{flex:1;min-width:180px}.brandmark img{width:210px;max-height:53px}.hamburger{display:block}.searchform{flex-basis:100%;order:3}.searchform input{padding:11px}.searchform button{padding:0 15px}.category-nav{display:none}.category-nav.mobile-open{display:block}.category-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:visible}.category-inner a{white-space:normal;border-bottom:1px solid #eceef0}.announcement{margin:14px 0}.breadcrumb{margin-top:19px}.page-title{font-size:24px}.meta-row{margin-bottom:14px}.layout,.article-layout{grid-template-columns:1fr}.hero-frame{padding:10px}.side-column{order:-1}.side-column .panel{margin-bottom:12px}.panel-body{padding:15px}.panel-head{padding:10px 15px}.price{font-size:23px}.features{display:grid;grid-template-columns:1fr 1fr;gap:2px 9px;margin:10px 0}.features li{font-size:11px;margin:4px 0}.side-column .small-panel{display:none}.colorbox,.article-body .colorbox{padding:19px 18px}.colorbox p,.article-body .colorbox p{font-size:14px;line-height:1.8}.section-heading{font-size:21px}.review-grid,.card-grid{gap:10px}.content-card-content{padding:13px 12px}.content-card h3{font-size:14px}.content-card p{font-size:12px}.footer-cols{grid-template-columns:1fr 1fr;gap:18px}.footer-cols>div:first-child{grid-column:1/-1}.sticky-actions{padding:6px 5px;gap:4px;min-height:64px}.sticky-actions a{font-size:10px;min-height:45px;letter-spacing:0}.sticky-actions svg{width:17px;height:17px}.story-tabs a{padding:10px 11px;font-size:12px}.directory-toolbar{align-items:stretch;flex-direction:column}.directory-search{max-width:none}}
@media(max-width:390px){.tiny-links .top-action{display:none}.brandmark img{width:190px}.card-grid,.review-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.page-title{font-size:22px}}


/* ========== VISUAL REVISION: readable white canvas, colorful marketplace UI ========== */
:root{--ink:#20272b;--forest:#243d32;--accent:#e0ad38;--gold:#edb948;--shadow:0 9px 28px rgba(20,26,34,.13)}
body{background:#fff;color:#242931}
.container{max-width:1190px}
.tinybar{background:#202326;border-bottom:3px solid #7a9f42}
.market-label{display:inline-block;color:#eac14d!important;letter-spacing:.09em}
.masthead{background:linear-gradient(180deg,#fff 0%,#f7f8f8 100%);box-shadow:0 5px 13px rgba(25,33,41,.065)}
.mast-inner{min-height:100px}
.brandmark img{filter:drop-shadow(0 3px 1px rgba(0,0,0,.11))}
.category-nav{background:#303439;border-bottom:4px solid #d6a641;box-shadow:0 7px 15px rgba(15,20,27,.10)}
.category-inner a{color:#f0f0ed;font-weight:750;text-transform:none;border-right:1px solid rgba(255,255,255,.065)}
.category-inner a:hover,.category-inner a[aria-current=page]{background:#a16a19;color:#fff}
.top-action{background:#6d932c!important;border:1px solid #87ab4b;border-radius:3px}
.searchform{border-radius:3px;border:1px solid #b6bbc1;box-shadow:0 5px 11px rgba(0,0,0,.04)}
.searchform button{background:#6e952e;color:#fff;font-weight:850}
.market-ribbon{background:linear-gradient(110deg,#1f352d 0%,#28453b 60%,#21362e 100%);color:#fff;border-bottom:3px solid #cb9a36;}
.market-ribbon-inner{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:12px}
.ribbon-copy{font-size:13px;display:flex;align-items:center;gap:12px;line-height:1.3}
.ribbon-copy strong{font-weight:900;color:#ffd980;white-space:nowrap;letter-spacing:.04em}
.ribbon-copy span{color:#f3f3ee}
.ribbon-actions{display:flex;align-items:center;gap:8px}
.ribbon-actions a{font-size:12px;font-weight:900;color:#1d251c;border-radius:4px;background:#f5ca5a;padding:7px 16px;text-decoration:none}
.ribbon-actions a:first-child{background:#83b43d;color:#152016}
.announcement{background:#fff8e7;border:1px solid #f0d9a5;border-left:5px solid #cc9631;box-shadow:0 3px 13px rgba(97,67,18,.07)}
.ann-label{background:#9c381f}
.page-title{color:#252a2b;letter-spacing:-.018em;border-left:5px solid #d6a43f;padding-left:13px}
.breadcrumb{color:#636a6d}
.meta-row{background:#f7f8f8;border:1px solid #e3e5e3;border-radius:4px;padding:10px 12px}
.hero-frame{position:relative;padding:14px;background:#222429;border:4px solid #cba13f;border-radius:7px;box-shadow:0 13px 31px rgba(35,35,33,.18)}
.hero-image{width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:1/1;object-fit:contain;border-radius:3px}
.gallery-label{background:linear-gradient(100deg,#1a1b1e,#2c343d);padding:11px 15px;margin:12px 0 0;color:#ffda73;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:4px solid #deab3e;border-radius:3px;font-size:13px}
.gallery-label span{color:#fff;font-size:12px;font-weight:550}
.hero-quick{display:flex;gap:12px;margin-top:12px}
.hero-quick .btn{flex:1;font-size:13px;padding:14px}



.summary{background:linear-gradient(125deg,#233e4b,#244a48);border:1px solid #1e4547;box-shadow:0 6px 19px rgba(20,48,55,.17);color:#fff}
.summary h2,.summary p{color:#fff}
.panel{border-color:#dcdfe0;box-shadow:0 10px 28px rgba(17,26,32,.12)}
.panel-head{background:linear-gradient(105deg,#26393b,#31544c);color:#fff;border-bottom:3px solid #daa442;padding:16px 20px}
.panel-head strong{font-size:16px;color:#fff}
.panel-head span{color:#ffdd86!important}
.side-column .panel:first-child{border:2px solid #be9a52}
.slogan{color:#906127}
.price{color:#222f35}
.btn-red{background:linear-gradient(180deg,#a93e24,#812613);border-color:#772111;color:#fff!important;box-shadow:0 3px 0 #5f1c10}
.btn-gold{background:linear-gradient(180deg,#ffc95a,#e9a62b);border-color:#c18a26;color:#2b1e12!important;box-shadow:0 3px 0 #ab791d}
.btn-outline{border-color:#a5aab0}
.story-tabs{background:#eceef0;margin-top:27px;border:1px solid #dedfe2;border-radius:4px 4px 0 0}
.story-tabs a{font-weight:900;color:#34414b}
.story-tabs a:first-child{background:#fff;border-bottom-color:#b33f29;color:#ab3f2e}
.section-heading{margin-top:30px;background:#f7f8f8;padding:12px 15px;border-left:5px solid #bb8835;border-radius:3px;font-size:23px}
.colorbox{border:1px solid rgba(255,255,255,.08);box-shadow:0 9px 22px rgba(23,27,33,.13);border-radius:5px;position:relative;}
.colorbox:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:rgba(255,217,129,.85);border-radius:5px 0 0 5px}
.colorbox h2,.colorbox h3{color:#fff}
.colorbox p,.colorbox li{color:#fff}
.tone-navy{background:#223956}.tone-burgundy{background:#743146}.tone-teal{background:#176163}.tone-plum{background:#523569}.tone-rust{background:#86431c}.tone-green{background:#235946}.tone-charcoal{background:#2e3c4c}.tone-indigo{background:#344e82}.tone-ink{background:#22344d}.tone-cocoa{background:#68513a}.tone-deepred{background:#813d3a}.tone-slate{background:#32475f}
.content-card{border-color:#dfe3e4;box-shadow:0 5px 13px rgba(30,39,48,.055)}
.content-card:nth-child(3n+1){background:#fffdf8}.content-card:nth-child(3n+2){background:#f6fafa}.content-card:nth-child(3n+3){background:#fbf8f8}
.content-card .strip{height:9px}
.faq-list details{border:1px solid #d6dfe0;box-shadow:0 2px 9px rgba(30,39,50,.05)}
.faq-list summary{background:#2d404b;color:#fff}
.faq-list details[open] summary{background:#315d59}
.faq-list summary:after{color:#ffdf8a}
.faq-list details p{padding-top:14px}
.review{background:#fff7eb;border-color:#ead8b8}
.footer-main{background:#23272d;border-top:5px solid #c59c46;color:#fff}
.footer-cols p,.footer-cols a,.copyright{color:#cbd1d7}
.footer-cols h3{color:#ffe09b}
.footer-cols a:hover{color:white}
.sticky-actions{background:#1e2529;border-color:#e4b044}
.sticky-actions a{box-shadow:inset 0 1px rgba(255,255,255,.12)}
@media(max-width:980px){.category-inner a{padding:10px 9px}}
@media(max-width:740px){
 .tinybar{border-bottom-width:2px}.mast-inner{min-height:67px}
 .category-inner a{background:#33383e;color:#fff;border-color:#494d52}
 .market-ribbon-inner{padding:9px 0;align-items:flex-start}
 .ribbon-copy{font-size:11px;display:block}.ribbon-copy strong{display:block}
 .ribbon-copy span{display:block;margin-top:3px;font-size:10px}
 .ribbon-actions a{padding:7px 9px;font-size:10px}
 .hero-frame{padding:7px;border-width:3px}
 .hero-quick{gap:7px}.hero-quick .btn{padding:11px 7px;font-size:12px}
 .gallery-label{font-size:12px;padding:10px}.gallery-label span{font-size:10px}
 .side-column{order:initial}
 .summary{padding:17px 18px}
 .page-title{border-left-width:4px;padding-left:10px}
 .section-heading{padding:10px 12px;font-size:20px}
 .meta-row{padding:7px 9px}
}
@media(max-width:390px){.ribbon-copy span{display:none}.ribbon-actions{gap:3px}.ribbon-actions a{padding:6px 7px}}

/* Repeated featured banner on article, directory, FAQ and fallback pages */
.article-body > .hero-frame{margin:19px 0 24px}
.directory-hero{max-width:800px;margin:20px auto 27px}
.notfound-hero{max-width:580px;margin:24px auto}