/* Trades People Decoded advert design preview, October 2026.
   No simulated approved business, rating, customer review or photograph. */
.dd-advert-preview{max-width:1320px;color:#1a3831}
.dd-advert-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:25px 0 14px;color:#56736c;font-size:12px;font-weight:700}
.dd-advert-breadcrumb a{color:#235b4d;text-decoration:none}
.dd-advert-breadcrumb a:hover{text-decoration:underline}
.dd-trades-test-alert{display:flex;align-items:start;gap:15px;border:1px solid #d7ad5d;background:#fff7e7;border-radius:12px;padding:16px 20px;margin:9px 0 27px;color:#55381e;box-shadow:0 3px 0 #e8d7b6}
.dd-trades-test-icon{display:grid;place-items:center;flex:0 0 31px;height:31px;background:#a6551f;color:#fff;font-weight:900;font-size:21px;border-radius:50%}
.dd-trades-test-alert strong{display:block;font-size:15px;line-height:1.45}
.dd-trades-test-alert p{margin:7px 0 0;line-height:1.65;font-size:13px}
.dd-advert-head{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:25px;padding:20px 0 42px}
.dd-advert-overline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;font-weight:900;letter-spacing:.09em;color:#156d5a}
.dd-advert-demo-pill{display:inline-flex;padding:5px 9px;background:#e1efe7;border:1px solid #aec8b8;border-radius:99px;color:#225b4a;font-size:10px;letter-spacing:.045em}
.dd-advert-head h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.055em;line-height:1.04;margin:17px 0;max-width:850px}
.dd-advert-head h1 em{font-style:normal;color:#167760}
.dd-advert-head p{font-size:clamp(15px,1.8vw,19px);line-height:1.65;max-width:710px;margin:0}
.dd-advert-head-decoration{display:flex;flex-direction:column;justify-content:space-between;min-height:176px;background:#183e33;border-radius:17px;box-shadow:10px 10px 0 #e9d7ab;padding:18px 20px;color:#eef6e9;transform:rotate(3deg)}
.dd-advert-head-decoration>span{font-size:10px;letter-spacing:.15em;font-weight:800}
.dd-advert-head-decoration strong{font-size:26px;letter-spacing:-.04em;line-height:1}
.dd-advert-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);align-items:start;gap:26px}
.dd-advert-main{display:flex;flex-direction:column;gap:23px;min-width:0}
.dd-advert-main>section{background:#fff;border:1px solid #d5e3dc;border-radius:17px;padding:clamp(17px,2.1vw,26px);box-shadow:0 7px 20px #1f48380a;min-width:0}
.dd-advert-panel-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:19px}
.dd-advert-eyebrow{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#207a65}
.dd-advert-panel-heading h2{font-size:clamp(22px,2.65vw,29px);letter-spacing:-.025em;line-height:1.25;margin:6px 0 0}
.dd-advert-meta{font-size:11px;font-weight:800;color:#657870;padding:7px 10px;border:1px solid #cadbd0;border-radius:99px}
.dd-advert-photo-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(130px,1fr);gap:10px;min-height:315px}
.dd-advert-photo-side{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}
.dd-advert-photo-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;border-radius:11px;background:radial-gradient(ellipse at 65% 25%,#d5e5d2 0%,#bed6c4 37%,#99b6a9 100%);border:1px solid #8eada0;color:#215747;min-width:0;padding:14px}
.dd-advert-photo-slot strong{font-size:14px;line-height:1.3}
.dd-advert-photo-slot span{font-size:11px;color:#3d6355;line-height:1.45}
.dd-advert-photo-primary{background:linear-gradient(120deg,#d4e2d3 0%,#a6caba 48%,#7faba0 100%);gap:12px}
.dd-advert-photo-primary svg{width:70px;height:70px;opacity:.77}
.dd-advert-photo-primary strong{font-size:19px}
.dd-advert-placeholder-symbol{display:grid;place-items:center;border:2px dashed #517f69;width:37px;height:37px;border-radius:12px;font-size:22px!important;font-weight:500}
.dd-advert-caption{font-size:12px;line-height:1.6;margin:14px 1px 0;color:#576d63}
.dd-advert-intro-profile{display:flex;gap:16px;padding:16px 17px;border-radius:12px;background:#f2f7f3;border:1px solid #e0ebe3}
.dd-advert-business-mark{flex:0 0 60px;height:60px;display:grid;place-items:center;background:#236650;border:4px solid #fff;border-radius:14px;color:#fff;font-size:27px;font-weight:900}
.dd-advert-intro-profile h3{margin:6px 0;font-size:21px}
.dd-advert-intro-profile p{margin:0;line-height:1.55;font-size:13px}
.dd-advert-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}
.dd-advert-fact-grid>div{border:1px solid #e0e9e2;padding:15px 16px;border-radius:10px}
.dd-advert-fact-grid small{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:850;color:#52816d;margin-bottom:7px}
.dd-advert-fact-grid strong{font-size:14px;line-height:1.45}
.dd-advert-fact-grid p{font-size:12px;line-height:1.55;color:#596c61;margin:6px 0 0}
.dd-advert-description{border-top:1px solid #e0e8e0;margin-top:8px;padding-top:16px}
.dd-advert-description h3{font-size:18px;margin:2px 0 8px}
.dd-advert-description p{font-size:13px;line-height:1.75;color:#4c6458}
.dd-advert-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dd-advert-chips span{padding:8px 11px;border-radius:99px;background:#e8f2ea;border:1px solid #c8dbcb;color:#235f4c;font-size:12px;font-weight:750}
.dd-advert-description .dd-advert-footnote{font-size:11px;color:#6a7b71}
.dd-advert-review-empty{display:flex;align-items:center;gap:19px;background:#faf8f0;border:1px solid #eae2c5;border-radius:12px;padding:22px}
.dd-advert-rating-symbol{flex:0 0 57px;height:57px;border:2px dashed #c9ae69;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#a78c51}
.dd-advert-review-empty strong{font-size:17px}
.dd-advert-review-empty p{font-size:13px;line-height:1.7;margin:7px 0 0;color:#526158}
.dd-advert-review-guidance{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.dd-advert-review-guidance span{font-size:11px;font-weight:750;color:#527367;padding:7px 10px;background:#eaf4ec;border-radius:7px}
.dd-advert-questions details{border-bottom:1px solid #d8e3dc;padding:14px 0}
.dd-advert-questions details:first-of-type{border-top:1px solid #d8e3dc}
.dd-advert-questions summary{cursor:pointer;font-size:14px;font-weight:800;line-height:1.5}
.dd-advert-questions details p{font-size:13px;line-height:1.7;margin:11px 0 5px;color:#52645b}
.dd-advert-sidebar{position:sticky;top:22px;display:flex;flex-direction:column;gap:15px;min-width:0}
.dd-advert-side-card{border:1px solid #bfd3c5;border-radius:17px;background:#fff;padding:23px 19px;box-shadow:0 12px 28px #153e2913}
.dd-advert-side-label{display:block;color:#1f745c;font-size:10px;letter-spacing:.1em;font-weight:900}
.dd-advert-avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:17px;font-size:37px;font-weight:900;background:#246650;color:#fff;margin:21px 0 11px;box-shadow:6px 6px 0 #d7e9df}
.dd-advert-side-card h2{font-size:23px;letter-spacing:-.025em;line-height:1.25;margin:15px 0 7px}
.dd-advert-side-description{font-size:13px;line-height:1.65;color:#576e61;margin-bottom:18px}
.dd-advert-side-row{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid #e4ebe5;font-size:12px}
.dd-advert-side-row span{color:#62796c}
.dd-advert-side-row strong{text-align:right;font-size:12px;color:#285342}
.dd-advert-side-notice{font-size:12px;line-height:1.7;padding:11px 12px;background:#fff3dc;border-left:3px solid #d8a34e;border-radius:7px;margin:14px 0}
.dd-advert-primary-action,.dd-advert-outline-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;padding:11px 13px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:800;text-align:center}
.dd-advert-primary-action{background:#195e4d;color:#fff}
.dd-advert-outline-action{background:#fff;color:#195e4d;border:1px solid #8aad9b;justify-content:center;margin-top:8px}
.dd-advert-primary-action:hover,.dd-advert-outline-action:hover{filter:brightness(.92)}
.dd-advert-side-small{font-size:11px;line-height:1.7;color:#617567}
.dd-advert-side-secondary{border-radius:13px;background:#e8f3eb;border:1px solid #c8ddce;padding:18px}
.dd-advert-side-secondary strong{font-size:15px;line-height:1.45}
.dd-advert-side-secondary p{font-size:12px;line-height:1.6}
.dd-advert-side-secondary a{font-size:12px;color:#175c4c;font-weight:800}
.dd-advert-end{margin:45px 0 20px;background:#183e33;border-radius:18px;padding:clamp(23px,4vw,42px);color:#f2f7ef}
.dd-advert-end>span{font-size:10px;letter-spacing:.13em;color:#b6d9c8;font-weight:850}
.dd-advert-end h2{max-width:650px;font-size:clamp(28px,3vw,37px);line-height:1.25;letter-spacing:-.04em;margin:13px 0}
.dd-advert-end p{max-width:750px;line-height:1.7;font-size:14px;color:#d8e6dc}
.dd-advert-end a{display:inline-flex;align-items:center;margin-top:12px;background:#e6f1e8;border-radius:9px;padding:12px 14px;text-decoration:none;color:#15513e;font-size:13px;font-weight:800}
.dd-advert-preview a:focus-visible,.dd-advert-preview summary:focus-visible{outline:3px solid #cd964a;outline-offset:3px}
@media(max-width:980px){.dd-advert-layout{grid-template-columns:minmax(0,1fr)}.dd-advert-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dd-advert-head-decoration{min-height:135px}}
@media(max-width:700px){.dd-advert-head{grid-template-columns:1fr;padding-bottom:25px}.dd-advert-head-decoration{display:none}.dd-advert-sidebar{grid-template-columns:1fr}.dd-advert-breadcrumb{padding-top:15px}.dd-advert-photo-grid{grid-template-columns:1fr;min-height:0}.dd-advert-photo-primary{min-height:225px}.dd-advert-photo-side{grid-template-columns:1fr 1fr;grid-template-rows:125px}.dd-advert-fact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.dd-advert-fact-grid{grid-template-columns:1fr}.dd-advert-review-empty{align-items:flex-start;padding:15px}.dd-advert-rating-symbol{flex-basis:44px;height:44px;font-size:25px}.dd-trades-test-alert{padding:13px;gap:11px}.dd-advert-photo-side{grid-template-rows:118px}.dd-advert-intro-profile{padding:11px;gap:11px}.dd-advert-business-mark{flex-basis:48px;height:48px}}