*{box-sizing:border-box}body{margin:0;font-family:Inter,Helvetica,Arial,sans-serif;background:#fafaf8;color:#111}
a{color:inherit}header,footer{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;border-bottom:1px solid #ddd}
footer{border-top:1px solid #ddd;border-bottom:0;color:#777;font-size:13px}
.logo{font-weight:800;letter-spacing:-.5px;font-size:20px;text-decoration:none}.logo span{color:#5b6b5e}
nav a{margin-left:20px;font-size:14px;text-decoration:none;color:#555}
.wrap{max-width:1100px;margin:auto;padding:32px}h1{font-size:34px;margin:0 0 8px;letter-spacing:-1px}
.sub{color:#555;margin:0 0 24px}.offer{border:1px solid #111;padding:10px 14px;display:inline-block;font-size:14px;margin-bottom:28px}
.grid{display:flex;flex-wrap:wrap;gap:20px}.slot{border:1px solid #ccc;background:#fff;padding:12px}
.ban{background:repeating-linear-gradient(45deg,#eee,#eee 8px,#e4e4e4 8px,#e4e4e4 16px);display:flex;align-items:center;justify-content:center;color:#777;font-size:13px;max-width:100%;position:relative}
.ban.t{background:#e9e9e6;color:#333;font-weight:600}.tag{position:absolute;top:4px;left:4px;font-size:10px;background:#fff;border:1px solid #ccc;padding:1px 4px;color:#666}
.meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:10px;gap:10px;flex-wrap:wrap}.muted{color:#777}
.btn{background:#111;color:#fff;border:0;padding:8px 14px;font-size:13px;text-decoration:none;cursor:pointer;display:inline-block}
.btn.o{background:#fff;color:#111;border:1px solid #111}.acc{color:#5b6b5e}
.side{display:grid;grid-template-columns:1fr 280px;gap:28px}.box{border:1px solid #ddd;background:#fff;padding:16px;font-size:13px}
.box li{margin:8px 0;list-style:none}.box ul{padding:0;margin:0}.demo{font-size:10px;border:1px solid #999;padding:1px 4px;margin-left:6px}
label{display:block;font-size:13px;margin:16px 0 6px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #ccc;background:#fff;font:inherit}
.row{display:flex;gap:10px}.row>*{flex:1}.choice{border:1px solid #ccc;padding:12px;cursor:pointer;background:#fff;font-size:13px}.choice.on{border-color:#111}
@media(max-width:700px){.side{grid-template-columns:1fr}header{padding:14px 16px}nav a:nth-child(-n+3){display:none}nav a{margin-left:10px}.wrap{padding:20px 16px}h1{font-size:26px}}
.side>*{min-width:0}.slot{max-width:100%}@media(max-width:700px){.row{flex-direction:column}}
.wrap.wide{max-width:1280px}.rails{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start}.rails>*{min-width:0}
.rail .ban{max-width:100%}.rl,.rr{position:sticky;top:16px}
@media(max-width:700px){.rails{grid-template-columns:1fr 1fr}.rails .side{grid-column:1/-1;order:-1}.rl,.rr{position:static}.rail{width:100%}.rail .ban{width:100%!important;max-height:340px;aspect-ratio:auto!important;height:340px}}
.rails .side{grid-template-columns:1fr}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.kpis .box{display:flex;flex-direction:column;gap:4px}.kpis b{font-size:22px}
.dcard{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-bottom:14px}.dprev{display:flex;justify-content:center;align-items:flex-start}
.st{font-size:11px;padding:2px 8px;border:1px solid #111}.st.live{background:#111;color:#fff}.st.out{color:#111}
.stats{display:flex;gap:28px;margin:8px 0}.stats div{display:flex;flex-direction:column}.stats b{font-size:18px}
.chart{display:flex;align-items:flex-end;gap:6px;height:48px;border-bottom:1px solid #ccc;max-width:280px}.chart i{flex:1;background:#9aa39c}
.acts{display:flex;flex-wrap:wrap;gap:8px}.addon{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}
@media(max-width:700px){.kpis{grid-template-columns:1fr 1fr}.dcard{grid-template-columns:1fr}.addon{flex-direction:column;align-items:flex-start}.dprev .ban{max-height:200px}}

.cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:-8px 0 28px}.ctr{font-size:13px;color:#555;display:flex;align-items:center;gap:6px}.ctr i{width:7px;height:7px;border-radius:50%;background:#5b6b5e;display:inline-block}
.most{border:1px solid #ddd;background:#fff;padding:18px;margin-bottom:32px}.mh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mh h2{margin:0;font-size:20px}
.tg button{border:1px solid #111;background:#fff;padding:6px 12px;font-size:12px;cursor:pointer}.tg button.on{background:#111;color:#fff}
#rk{list-style:none;padding:0;margin:14px 0 8px}.rk{display:grid;grid-template-columns:28px 40px 1fr 90px 110px auto;gap:14px;align-items:center;padding:12px 8px;border-top:1px solid #eee}
.rk.top{background:#f4f4f1}.rk.top .n{font-weight:800}.n{color:#777;text-align:center}.lg{width:40px;height:40px;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555}
.bi,.cl,.pr{display:flex;flex-direction:column;font-size:13px;min-width:0}.bi b{font-size:15px}.cat{font-size:11px;border:1px solid #ccc;padding:0 6px;width:max-content;margin-top:4px;color:#555}.cl b{font-size:17px}.all{font-size:13px}
@media(max-width:700px){.rk{grid-template-columns:22px 36px 1fr auto;gap:10px}.lg{width:36px;height:36px}.pr{display:none}.rk .btn{grid-column:3/-1;justify-self:start}}
@media(max-width:700px){.rk .pr{display:flex;grid-column:3;flex-direction:row;gap:6px;align-items:center}.rk .btn{grid-column:4;justify-self:end;padding:7px 10px}}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chips a{border:1px solid #ccc;padding:5px 12px;font-size:13px;text-decoration:none;background:#fff;color:#333}.chips a.on{background:#111;color:#fff;border-color:#111}
.rk.spon{background:#fff;border:1px dashed #999}.rails.catpg{grid-template-columns:1fr auto}
@media(max-width:700px){.rails.catpg{grid-template-columns:1fr}.rails.catpg .rr .ban{height:200px;aspect-ratio:auto!important;width:100%!important}}
@media(max-width:700px){.rails.catpg{grid-template-columns:minmax(0,1fr)!important}.rails.catpg>*{min-width:0;width:100%}}
.rails.catpg .side{display:block}
@media(max-width:700px){.rails.catpg{display:block}.rails.catpg .rr{margin-top:16px;display:block}}

.mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.mini{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #ddd;border-radius:8px;padding:8px}.mb{width:125px;max-width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bbb;border-radius:6px;font-size:13px;text-align:center;position:relative;background:#f6f6f6;color:#666}.mb.t{border:1px solid #333;background:#111;color:#fff;font-weight:600}.mini .btn{font-size:12px;padding:5px 9px}
.srch{position:relative;display:flex;gap:8px;max-width:640px;margin:12px 0 16px}.srch input{flex:1;min-width:0;padding:12px 14px;font:inherit;font-size:16px;border:1.5px solid #111;border-radius:8px;background:#fff}.srch input:focus{outline:2px solid #5B6B5E;outline-offset:1px}
.sg{position:absolute;top:100%;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid #ddd;border-radius:8px;z-index:9;box-shadow:0 6px 18px rgba(0,0,0,.08)}.sg li{padding:8px 10px;border-radius:6px;cursor:pointer}.sg li:hover,.sg li.on{background:#f2f2f2}.sg li small{color:#777;margin-left:6px}
.empty{padding:24px;border:1px dashed #ccc;border-radius:8px;text-align:center;margin-top:12px}.empty a{color:#5B6B5E;font-weight:600}
footer .legal a{color:inherit;margin:0 2px}footer{flex-wrap:wrap;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}

/* light pastel page tint (home + brands); banners carry the colour */
body.tint{background:#FFF8EE}body.tint header,body.tint footer{border-color:#eadfce}
.hero h1{font-size:30px;margin:0 0 4px}.hero .sub{margin:0 0 12px}.hero .offer{margin-bottom:20px;background:#fff}
.ban.t[style*="/uploads/"]{background-color:transparent}
@media(max-width:700px){.hero h1{font-size:22px}.hero .sub{font-size:14px;margin-bottom:8px}.hero .offer{font-size:12px;margin-bottom:14px;padding:8px 10px}}
.outbid ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.outbid li{background:#fff;border:1px solid #ddd;padding:8px 12px;font-size:14px;line-height:1.4}
.adm h2{font-size:18px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.adm section{margin:32px 0}.adm .ahead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.adm .ahead p{margin:0}
.adm .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.adm .card{background:#fff;border:1px solid #ddd;padding:16px}.adm .card .n{font-size:30px;font-weight:800;letter-spacing:-1px}.adm .card .l{font-size:13px;font-weight:600;margin-top:2px}.adm .s{font-size:12px;margin-top:4px}
.adm .cnt{font-size:12px;font-weight:600;background:#eee;padding:2px 8px;border-radius:10px;color:#555}
.adm .tw{overflow-x:auto;background:#fff;border:1px solid #ddd}.adm table.at{width:100%;border-collapse:collapse;font-size:13px}.adm .at th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#777;padding:10px 12px;border-bottom:1px solid #ddd;background:#f6f6f3;white-space:nowrap}.adm .at td{padding:10px 12px;border-top:1px solid #eee;vertical-align:middle}.adm .at tr:first-child td{border-top:0}
.adm .thumb{width:120px;max-height:70px;object-fit:contain;border:1px solid #ddd;background:#f3f3f0;display:block}.adm .logo-th{max-width:80px;max-height:50px;border:1px solid #ccc;vertical-align:middle}.adm .em{word-break:break-all;max-width:220px}.adm .brief{min-width:220px;font-size:12px;line-height:1.5}
.adm code{font-size:12px;background:#f1f1ee;padding:1px 5px}.adm form{display:inline;margin:0}.adm .acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.adm .btn.sm{padding:6px 10px;font-size:12px;white-space:nowrap}.adm .up{display:flex;flex-direction:column;gap:6px}.adm .up input{font-size:11px;max-width:200px}
.adm .att{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #ddd;border-left:3px solid #c2410c;padding:12px;margin-bottom:10px;flex-wrap:wrap}.adm .att.dim{border-left-color:#bbb}.adm .grow{flex:1;min-width:200px;font-size:14px}.adm .ok{background:#fff;border:1px solid #ddd;border-left:3px solid #5b6b5e;padding:12px;margin:0;font-size:14px}
.adm .chip{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;background:#eee;white-space:nowrap}.adm .c-requested,.adm .c-changes_requested{background:#fdeadf;color:#9a3412}.adm .c-in_progress{background:#fef3c7;color:#854d0e}.adm .c-delivered{background:#e0e7ff;color:#3730a3}.adm .c-approved{background:#dcfce7;color:#166534}
.adm details.demo{margin-top:14px}.adm details.demo summary{cursor:pointer;font-weight:600;font-size:14px;padding:10px 0}
@media(max-width:700px){.adm .cards{grid-template-columns:repeat(2,1fr)}.adm .card .n{font-size:24px}.adm .thumb{width:90px}}
.seo{max-width:760px;line-height:1.65}.seo h2{margin:28px 0 8px}.seo li{margin:4px 0}.crumbs{font-size:13px;color:#777;margin:8px 0}.crumbs a{color:inherit}.ptable{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0;background:#fff}.ptable th,.ptable td{border:1px solid #e2d8c8;padding:6px 8px;text-align:left}.seo-cta{margin:28px 0 8px}.fnav{width:100%;font-size:13px}.fnav a{color:inherit}@media(max-width:700px){.ptable{display:block;overflow-x:auto}}
.hstats{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.hstats .st{flex:1 1 140px;border:1px solid #111;background:#fff;padding:12px 14px;display:flex;flex-direction:column}.hstats .st b{font-size:24px;line-height:1.1}.hstats .st span{font-size:13px}@media(max-width:700px){.hstats .st{flex-basis:40%;padding:10px}.hstats .st b{font-size:20px}}

.follow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.follow .fl{font-size:13px;color:#777}.fbtn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid #ddd;border-radius:999px;font-size:13px;text-decoration:none;color:#333;background:#fff;min-height:32px}.fbtn:hover,.fbtn:focus-visible{border-color:#111;color:#111}.hfollow{justify-content:center;margin:8px 0 16px}@media(max-width:600px){footer .follow{width:100%}}