/*
Theme Name: Electronic Cottage
Theme URI: https://www.electroniccottage.com/
Description: Custom theme for Electronic Cottage, the independent guide to off-grid living in Spain.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: electronic-cottage
*/

:root{--blue:#1A73E8;--blue-d:#174EA6;--blue-t:#E8F0FE;--ink:#202124;--ink2:#3C4043;--muted:#5F6368;--line:#DADCE0;--line2:#F1F3F4;--soft:#F8F9FA;--amber:#B06000;--amber-t:#FEF7E0;--gold:#FBBC04;--radius:16px}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-d);text-decoration:underline}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:8px 14px;border-radius:8px}
.sr{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.eyebrow{font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.eyebrow.grey{color:var(--muted)}.eyebrow.amber{color:var(--amber)}
.muted{color:var(--muted)}
.h1{font-family:Outfit,sans-serif;font-weight:500;line-height:1.06;margin:0;color:var(--ink);font-size:clamp(36px,5vw,58px)}
.h2{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(24px,3vw,32px);line-height:1.15;margin:0;color:var(--ink)}
.h3{font-family:Outfit,sans-serif;font-weight:500;font-size:20px;line-height:1.25;margin:0;color:var(--ink)}
.lead{margin:0;font-size:19px;color:var(--muted);max-width:620px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow .15s}
a.card{color:var(--ink);display:flex;flex-direction:column;overflow:hidden}
a.card:hover{box-shadow:0 1px 3px rgba(60,64,67,.2),0 4px 12px rgba(60,64,67,.12);text-decoration:none}
.card .pad{padding:18px;display:flex;flex-direction:column;gap:8px}
.card img.top{width:100%;height:150px;object-fit:cover;display:block}
.soft{background:var(--soft);border-radius:var(--radius)}
.tint{background:var(--blue-t);border-radius:var(--radius)}
.gold{border:2px solid var(--gold)!important}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink2);font-size:14px;background:#fff}
.chip.on,.chip:hover{background:var(--blue-t);border-color:#D2E3FC;color:#1967D2;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;font-weight:500;font-size:15px;border:0;cursor:pointer;font-family:inherit;text-decoration:none!important;line-height:1.2;text-align:center}
.btn.blue{background:var(--blue);color:#fff}.btn.blue:hover{background:#1765CC;color:#fff}
.btn.line{background:#fff;color:var(--blue);border:1px solid var(--line)}.btn.line:hover{background:var(--blue-t)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--amber-t);color:var(--amber);font-size:12px;font-weight:500;align-self:flex-start}
.tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--line2);color:var(--ink2);font-size:12px;font-weight:500;align-self:flex-start;white-space:nowrap}
.src{font-size:13px;color:var(--muted)}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--ink2)}
.input{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-weight:400;background:#fff;width:100%;color:var(--ink)}
textarea.input{padding:12px;min-height:110px}
.hp{position:absolute;left:-9999px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:18px}
.section{padding:48px 0}
.stat{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:var(--radius);background:var(--soft)}
.stat b{font-family:Outfit,sans-serif;font-weight:500;font-size:28px;color:var(--ink);line-height:1.15}
.stat span{font-size:14px;color:var(--muted)}
.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line2);color:var(--ink)}
.row:hover{text-decoration:none}.row:hover strong{color:var(--blue)}
.row strong{font-weight:500;font-size:17px}
table.t{width:100%;border-collapse:collapse;font-size:15px}
table.t th{text-align:left;font-weight:500;color:var(--muted);font-size:13px;padding:10px 12px;border-bottom:1px solid var(--line)}
table.t td{padding:12px;border-bottom:1px solid var(--line2);vertical-align:top}
table.t tr:last-child td{border-bottom:0}
.tablebox{padding:8px 20px;overflow-x:auto}
details.faq{border-bottom:1px solid var(--line);padding:16px 0}
details.faq summary{cursor:pointer;font-weight:500;font-size:17px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary:after{content:'+';color:var(--muted);font-weight:400}
details.faq[open] summary:after{content:'–'}
details.faq p{margin:10px 0 0;color:var(--ink2)}
figure.ph{margin:0;display:flex;flex-direction:column;gap:6px}
figure.ph img{width:100%;object-fit:cover;border-radius:24px;display:block}
figure.ph figcaption{font-size:12px;color:var(--muted)}
.sponsor{border:1px dashed #BDC1C6;border-radius:var(--radius);background:var(--soft)}
.sponsor-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;flex-wrap:wrap}
.sponsor-bar img{max-height:56px;width:auto}
.mpu{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}
.mpu img{border-radius:8px}

/* header */
.topbar{border-bottom:1px solid var(--line2);font-size:13px;color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;flex-wrap:wrap;gap:8px}
.topbar nav{display:flex;gap:20px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.admin-bar .site-header{top:32px}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand:hover{text-decoration:none}
.brand-name{display:flex;flex-direction:column;line-height:1.1}
.brand-name b{font-family:Outfit,sans-serif;font-weight:500;font-size:23px}
.brand-name small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-weight:500}
.main-nav{display:flex;gap:22px;flex-wrap:wrap;font-size:15px}
.main-nav a{color:var(--ink2);font-weight:500}.main-nav a.on{color:var(--blue)}

/* hero */
.hero{padding:48px 0 40px}
.hero .wrap,.hub-hero .wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.hero-text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.hero-media{flex:1 1 420px;min-width:0}
.searchbar{display:flex;align-items:center;gap:12px;max-width:560px;min-height:52px;padding:0 8px 0 20px;border:1px solid var(--line);border-radius:999px;box-shadow:0 1px 6px rgba(32,33,36,.18);background:#fff}
.searchbar input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:16px;min-height:48px;background:transparent}
.searchbar .btn{min-height:40px;padding:0 18px}
.hub-hero{padding:40px 0 8px}
.crumbs{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}
.sponsored-by{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sponsored-by .pill{border:1px dashed #BDC1C6;border-radius:999px;padding:6px 16px;color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:8px}
.sponsored-by .pill img{max-height:28px;width:auto}

/* layout */
.cols{display:flex;flex-wrap:wrap;gap:40px;padding-top:40px;padding-bottom:56px;align-items:flex-start}
.cols>main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:48px}
.cols>aside{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px}
.sec{display:flex;flex-direction:column;gap:18px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.box{padding:24px;display:flex;flex-direction:column;gap:12px}
.planner{padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 3px rgba(60,64,67,.15),0 4px 12px rgba(60,64,67,.10)}
.check{list-style:none;margin:0;padding:0}
.check li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}
.check li:before{content:'✓';color:var(--blue);font-weight:700}
.step-n{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500}

/* supplier rows */
.supplier{padding:18px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.supplier .logo{width:64px;height:64px;border-radius:12px;background:var(--line2);object-fit:contain}
.supplier .info{display:flex;flex-direction:column;gap:2px;flex:1 1 300px}

/* posts */
.post-head{padding-top:40px;display:flex;flex-direction:column;gap:16px}
.post-head .h1{font-size:clamp(32px,4.4vw,48px);max-width:900px}
.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:15px}
.byline img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.post-cols{display:flex;flex-wrap:wrap;gap:48px;padding-top:28px;padding-bottom:56px;align-items:flex-start}
.post-cols>article{flex:999 1 640px;min-width:0;max-width:760px;display:flex;flex-direction:column;gap:24px}
.post-cols>aside{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:22px;position:sticky;top:100px}
.entry{font-size:18px;line-height:1.75;color:var(--ink)}
.entry>*{margin-top:0;margin-bottom:1.1em}
.entry h2,.entry h3,.entry h4{font-family:Outfit,sans-serif;font-weight:500;line-height:1.2;margin:1.6em 0 .6em;color:var(--ink)}
.entry h2{font-size:28px}.entry h3{font-size:22px}
.entry img{border-radius:12px}
.entry blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--line);color:var(--ink2)}
.entry table{width:100%;border-collapse:collapse;font-size:16px}
.entry td,.entry th{padding:10px 12px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.entry th{font-weight:500;color:var(--muted);font-size:14px;border-bottom-color:var(--line)}
.entry .wp-block-table{margin:0 0 1.1em;overflow-x:auto;-webkit-overflow-scrolling:touch}
.entry .wp-block-table table:has(th:nth-child(3)){min-width:560px}
.entry .wp-block-table td,.entry .wp-block-table th{border:0;border-bottom:1px solid var(--line2)}
.entry .wp-block-table thead{border:0}.entry .wp-block-table thead th{border-bottom:1px solid var(--line)}
.entry .wp-block-quote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--line)}
.entry ul,.entry ol{padding-left:1.3em}
.entry .wp-block-image figcaption,.entry figcaption{font-size:13px;color:var(--muted)}
.entry .in-article{margin:8px 0 28px}
.short-answer{padding:22px 24px}
.short-answer ul{margin:8px 0 0;padding-left:20px;font-size:17px}
.toc a{display:block;padding:4px 0}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pager{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:24px 0}
.pager .page-numbers{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 12px;color:var(--ink2)}
.pager .current{background:var(--blue-t);color:#1967D2;border-color:#D2E3FC}

/* calculator */
.calc .result b{font-size:26px}

/* footer */
.site-footer{background:var(--soft);border-top:1px solid var(--line);padding:56px 0 32px;font-size:15px;margin-top:24px}
.site-footer .cols4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.site-footer .col{display:flex;flex-direction:column;gap:8px}
.site-footer a{color:var(--ink2)}
.site-footer .legal{border-top:1px solid var(--line);padding-top:20px;margin-top:32px;font-size:13px;color:var(--muted)}
.notice-ok{padding:14px 18px;border-radius:12px;background:#E6F4EA;color:#137333;font-weight:500}
.notice-err{padding:14px 18px;border-radius:12px;background:#FCE8E6;color:#C5221F;font-weight:500}

@media (max-width:900px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.post-cols>aside{position:static}.site-footer .cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wrap{padding:0 20px}.g2,.g3,.post-grid{grid-template-columns:minmax(0,1fr)}.site-header{position:static}.site-header .btn{display:none}.main-nav{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:18px;font-size:14px;padding-bottom:4px}.main-nav a{white-space:nowrap}.hero{padding-top:28px}.topbar span.tl{display:none}.stat b{font-size:22px}.site-footer .cols4{grid-template-columns:minmax(0,1fr)}.entry{font-size:17px}}
form.card.grid{padding:28px}
.site-header .main-nav a:hover{color:var(--blue);text-decoration:none}
/* comments */
.comments-area,#respond{display:flex;flex-direction:column;gap:12px}
#respond .comment-reply-title,.comments-title{font-family:Outfit,sans-serif;font-weight:500;font-size:22px;margin:16px 0 0}
#respond form{display:flex;flex-direction:column;gap:12px}
#respond p{margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
#respond p.comment-form-cookies-consent{flex-direction:row;align-items:center;gap:8px}
#respond input[type=text],#respond input[type=email],#respond input[type=url],#respond textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
#respond textarea{min-height:120px}
#respond input[type=submit]{align-self:flex-start;min-height:46px;padding:0 24px;border-radius:999px;border:0;background:var(--blue);color:#fff;font:inherit;font-weight:500;cursor:pointer}
.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.comment-list .comment-body{padding:16px;border:1px solid var(--line);border-radius:12px}
.comment-list .children{list-style:none;margin:12px 0 0 24px;padding:0}
.comment-meta{font-size:13px;color:var(--muted)}

/* Picture cards for linked guides (v1.1) */
.gwrap{display:flex;flex-direction:column;gap:16px}
a.card:hover{box-shadow:0 1px 3px rgba(60,64,67,.15),0 4px 12px rgba(60,64,67,.12);text-decoration:none}
a.card:hover .h3{color:var(--blue)}
.gfeature{display:grid!important;grid-template-columns:minmax(0,46%) 1fr;min-height:240px}
.gfeature .gimg{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}
.gfeature .pad{padding:24px;gap:10px;justify-content:center}
.gfeature .h3{font-size:24px}
.gcard img.top{height:170px}
.gmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.tag.blue{background:var(--blue-t);color:#1967D2}
.gx{margin:0;color:var(--muted);font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.more{margin-top:4px;font-weight:500;color:var(--blue);font-size:15px}
.nsteps{display:flex;flex-direction:column;gap:6px}
.nstep{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:8px;margin:0 -8px;border-radius:12px;color:var(--ink)}
.nstep:hover{background:var(--soft);text-decoration:none}.nstep:hover strong{color:var(--blue)}
.nstep img{width:56px;height:56px;border-radius:10px;object-fit:cover;display:block}
.nstep .nicon{width:56px;height:56px;border-radius:10px;background:var(--blue-t);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px}
.nstep span{display:flex;flex-direction:column;gap:2px;min-width:0}
.nstep strong{font-weight:500;font-size:15px;line-height:1.3}
.nstep small{font-size:13px;color:var(--muted);line-height:1.35}
@media (max-width:760px){.gfeature{grid-template-columns:1fr}.gfeature .gimg{min-height:0;height:190px}.gfeature .pad{padding:18px}.gfeature .h3{font-size:20px}}
@media (max-width:640px){.gcards a.gcard{flex-direction:row}.gcards .gcard img.top{width:112px;min-width:112px;height:auto;min-height:118px}.gcards .gcard .pad{padding:12px 14px;gap:6px}.gcards .gcard .gx{display:none}.gcards .gcard .h3{font-size:16px!important}}

/* ---------- Supplier directory (v1.1) ---------- */
.dhero{background:var(--soft);border-bottom:1px solid var(--line2);padding:20px 0 32px}
.dhero .wrap{display:flex;flex-direction:column;gap:18px}
.dhero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:center}
.dchips{display:flex;flex-wrap:wrap;gap:8px}
.dchip{display:inline-flex;gap:6px;align-items:baseline;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;color:var(--ink2)}
.dchip b{font-family:Outfit,sans-serif;font-weight:500;font-size:16px;color:var(--ink)}
.dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dcard{padding:18px;display:flex;flex-direction:column;gap:10px}
.dcard[hidden]{display:none}
.dtop{display:flex;gap:12px;align-items:center;min-width:0}
.dname{display:flex;flex-direction:column;gap:2px;min-width:0}
.dname .h3{font-size:17px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.dname .h3:hover{color:var(--blue);text-decoration:none}
.dloc{font-size:13px;color:var(--muted)}
.dlogo{flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line2);border-radius:12px;overflow:hidden;padding:6px}
.dlogo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.dinit{flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;font-family:Outfit,sans-serif;font-weight:500;color:#fff;letter-spacing:.02em}
.dinit.c0{background:#1A73E8}.dinit.c1{background:#188038}.dinit.c2{background:#B06000}.dinit.c3{background:#9334E6}.dinit.c4{background:#D93025}.dinit.c5{background:#12828C}
.dstars{display:flex;align-items:center;gap:6px;font-size:14px;flex-wrap:wrap}
.dstars.none{color:var(--muted);font-size:13px}
.sbar{position:relative;display:inline-block;width:78px;height:14px;background:linear-gradient(90deg,#DADCE0 0 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 14'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.8L7 10.9 2.7 13.2l.9-4.8L0 5.1l4.9-.6z'/%3E%3Cuse href='%23s' x='16'/%3E%3Cuse href='%23s' x='32'/%3E%3Cuse href='%23s' x='48'/%3E%3Cuse href='%23s' x='64'/%3E%3C/g%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 14'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.8L7 10.9 2.7 13.2l.9-4.8L0 5.1l4.9-.6z'/%3E%3Cuse href='%23s' x='16'/%3E%3Cuse href='%23s' x='32'/%3E%3Cuse href='%23s' x='48'/%3E%3Cuse href='%23s' x='64'/%3E%3C/g%3E%3C/svg%3E") no-repeat}
.sfill{position:absolute;inset:0 auto 0 0;background:var(--gold)}
.dstars b{font-weight:500}
.dpills{display:flex;flex-wrap:wrap;gap:6px}
.dpill{font-size:12px;padding:2px 9px;border-radius:999px;background:var(--line2);color:var(--ink2)}
.dpill.en{background:#E6F4EA;color:#137333}
.dbadge{font-size:12px;padding:2px 9px;border-radius:999px;background:var(--amber-t);color:var(--amber);font-weight:500}
.dact{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line2)}
.dphone{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink)}
.dphone:hover{color:var(--blue);text-decoration:none}
.dphone.btn{color:#fff}
.dlinks{display:flex;gap:14px;font-size:14px;font-weight:500}
.dfeat{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px;border:2px solid var(--gold);border-radius:var(--radius);background:#FFFDF5}
.dfeat-media{display:flex;justify-content:center}
.dfeat-body{display:flex;flex-direction:column;gap:10px}
.dfeat-btns{display:flex;gap:10px;flex-wrap:wrap}
.dfeat.house{grid-template-columns:1fr auto;align-items:center;border:1px dashed var(--line);background:#fff}
.dfeat.house>div{display:flex;flex-direction:column;gap:4px}
.dhow{border:1px solid var(--line2);border-radius:12px;padding:12px 16px;background:var(--soft);font-size:14px}
.dhow summary{cursor:pointer;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.dhow summary::-webkit-details-marker{display:none}
.dhow summary::before{content:'ⓘ';color:var(--blue)}
.dhow p{margin:10px 0 0;color:var(--ink2)}
.dprovs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dprov{padding:16px;display:flex;flex-direction:column;gap:2px;color:var(--ink)}
.dprov:hover{text-decoration:none}.dprov:hover strong{color:var(--blue)}
.dprov strong{font-weight:500;font-size:17px}.dprov span{font-size:13px;color:var(--muted)}
.dband{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px;border-radius:var(--radius);background:#202124}
.dband>div:first-child{display:flex;flex-direction:column;gap:6px;max-width:620px}
.dband-btns{display:flex;gap:10px;flex-wrap:wrap}
.dband .btn.line{background:transparent;color:#fff;border-color:#5F6368}
.dfinder{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.dprovtable{display:flex;flex-direction:column;gap:10px}
.dprovrow{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;padding:14px 16px}
.dprovrow strong{font-weight:500;font-size:17px}
.dprovrow .chip{min-height:30px;font-size:13px}
.dprof-head{display:flex;gap:24px;align-items:flex-start}
.dfilter .chip{cursor:pointer;font:inherit;font-size:14px}
@media (max-width:1000px){.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dprovs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.dhero-grid{grid-template-columns:1fr}.dhero-grid>figure,.dhero-grid>.ph{display:none}.dgrid{grid-template-columns:1fr}.dfeat{grid-template-columns:1fr}.dfeat-media{justify-content:flex-start}.dfeat.house{grid-template-columns:1fr}.dprovrow{grid-template-columns:1fr}.dprof-head{flex-direction:column;gap:14px}.dband{padding:24px}}
.cols main .dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.cols main .dgrid{grid-template-columns:1fr}}