.brief-example .brief-example__steps{max-width:1000px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:center}
.brief-example .brief-example__input{position:relative;padding:0;border:0;border-radius:0;background:transparent;text-align:left}
.brief-example .brief-example__input>span{margin-bottom:18px}
.brief-example .brief-example__input>p{margin:0;padding:26px 28px;border:1px solid #e1d4bb;border-radius:20px 20px 20px 4px;background:#fffdf8;text-align:left;font-size:18px!important;line-height:1.85}
.brief-example .brief-example__input>small{display:block;margin-top:18px;color:#756958;line-height:1.7}
.brief-example .brief-example__result{padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;min-width:0}
.brief-example .brief-example__result>span{display:block;margin-bottom:18px;text-align:left}
.brief-site{overflow:hidden;border:1px solid #c4c7b6;border-radius:20px;background:#f5f0e5;box-shadow:0 22px 50px #5141261a;text-align:center;color:#234b3e}
.brief-site__bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fffdf8;border-bottom:1px solid #dfddcf}
.brief-example .brief-site__bar span{color:#607465;font-size:16px!important}
.brief-site__bar svg{width:18px;height:18px;flex:none}
.brief-site__cover{position:relative;padding:46px 52px 42px;isolation:isolate;background:#f2eddf}
.brief-site__cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}
.brief-example .brief-site__cover>p:first-of-type{margin:0 0 20px;font-size:16px!important;color:#234b3e}
.brief-example .brief-site__cover h3{font:400 clamp(32px,3.5vw,44px)/1.2 Prata,Georgia,serif;margin:0 0 24px;color:#234b3e}
.brief-example .brief-site__cover h3 i{display:block;font:italic 26px/1.4 Georgia,serif}
.brief-example .brief-site__cover>p:last-child{margin:0;color:#234b3e;font-size:17px!important}
.brief-site__details{padding:26px 28px 30px;border-top:1px solid #d7d6c6}
.brief-example .brief-site__details h4{margin:0 0 12px;font:400 26px/1.35 Prata,Georgia,serif;color:#234b3e}
.brief-example .brief-site__details p{margin:0 0 20px;color:#435b4c;font-size:16px!important;line-height:1.7}
.brief-site__venue{display:flex;justify-content:center;gap:10px;align-items:center;margin-bottom:22px;padding:16px 0;border-top:1px solid #d7d6c6;border-bottom:1px solid #d7d6c6}
.brief-site__venue svg{width:22px;height:22px;flex:none}
.brief-example .brief-site__venue span{color:#234b3e;font-size:16px!important}
.brief-site__open{display:block;padding:14px 18px;border-radius:8px;background:#234b3e;color:#fffaf0!important;font:500 16px/1.5 Manrope,Arial,sans-serif;text-decoration:none}
.brief-site__open:hover{background:#315c4a}
.brief-site__open:focus-visible{outline:3px solid #a28a5c;outline-offset:4px}
.brief-example .brief-example__result>small{display:block;margin-top:16px;text-align:left;color:#756958;line-height:1.7}
@media(max-width:700px){.brief-example .brief-example__steps{grid-template-columns:1fr;gap:32px;max-width:460px}.brief-example .brief-example__input>p{padding:22px;font-size:17px!important}.brief-site__cover{padding:38px 42px}.brief-site__details{padding:24px 20px}.brief-example .brief-example__result>span{text-align:left}}

/* Compact comparison: keep the designed cover, trim repeated explanations. */
.brief-example{padding-block:40px}
.brief-example>header{max-width:960px;margin-bottom:24px}
.brief-example h2{font-size:clamp(28px,3.3vw,38px);margin:12px 0}
.brief-example>header>p{margin:0 auto;max-width:760px}
.brief-example .brief-example__steps{gap:40px}
.brief-example .brief-example__input>p{padding:22px 24px;line-height:1.7}
.brief-example .brief-example__result>span,.brief-example .brief-example__input>span{margin-bottom:12px}
.brief-site__cover{padding:24px 48px}
.brief-example .brief-site__cover>p:first-of-type{margin-bottom:12px}
.brief-example .brief-site__cover h3{font-size:34px;line-height:1.15;margin-bottom:14px}
.brief-example .brief-site__cover h3 i{font-size:22px;line-height:1.2}
.brief-site__details{padding:14px 22px 18px}
.brief-site__venue{padding:0;margin-bottom:12px;border:0}
.brief-site__open{padding:11px 16px}
.brief-example .brief-example__actions{margin-top:22px}
.brief-example .brief-example__actions p{margin:10px 0 0}
@media(max-width:700px){.brief-example{padding-block:32px}.brief-example .brief-example__steps{gap:24px}.brief-site__cover{padding:24px 38px}.brief-example .brief-example__input>p{padding:18px 20px}.brief-example .brief-example__actions{margin-top:18px}}

/* Narrow each decorative edge independently, keeping the centre clear. */
.brief-site__cover>img{width:60%;inset:0 auto 0 0}
.brief-site__cover>.brief-site__vine-left{clip-path:inset(0 50% 0 0)}
.brief-site__cover>.brief-site__vine-right{left:auto;right:0;clip-path:inset(0 0 0 50%)}