.sampler-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:45px 0 34px}
.sampler-intro h2{margin:0 0 20px}.sampler-intro p{max-width:570px;margin:0;color:#526a66;line-height:1.6}
.sampler-intro .pill{flex:none}
.sampler{border:1px solid var(--ink);background:var(--cream);box-shadow:11px 12px 0 var(--mint)}
.sampler-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ink)}
.sampler-tabs button{appearance:none;border:0;border-right:1px solid var(--ink);border-radius:0;background:#e9e7d8;color:var(--ink);padding:20px 22px;text-align:left;cursor:pointer;min-height:82px}
.sampler-tabs button:last-child{border-right:0}.sampler-tabs button[aria-selected="true"]{background:var(--deep);color:var(--cream)}
.sampler-tabs button span{display:block;margin-bottom:5px;font:800 10px DM,Arial,sans-serif;letter-spacing:.13em;color:#a34451}
.sampler-tabs button[aria-selected="true"] span{color:var(--mint)}.sampler-tabs button strong{font:700 clamp(17px,2vw,24px)/1.1 Space,Arial,sans-serif}
.sampler-tabs button:hover:not([aria-selected="true"]){background:#dce8d7}.sampler button:focus-visible,.sampler-panel:focus-visible,.sampler a:focus-visible{outline:3px solid #c5374b;outline-offset:3px;position:relative;z-index:2}
.sampler-panel[hidden],.sampler-result[hidden]{display:none}
.sampler-file{display:flex;justify-content:space-between;gap:15px;padding:13px 26px;background:var(--yellow);border-bottom:1px solid var(--ink);font:800 10px/1.3 DM,Arial,sans-serif;letter-spacing:.13em}
.sampler-body{display:grid;grid-template-columns:minmax(175px,.36fr) minmax(0,1fr);gap:clamp(26px,5vw,75px);align-items:center;padding:clamp(25px,4vw,55px)}
.sampler-cover{max-width:220px;transform:rotate(-3deg);box-shadow:8px 9px 0 var(--pink)}.sampler-cover img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.sampler-eyebrow{margin:0 0 15px!important;color:#aa4350!important;font:800 11px/1.3 DM,Arial,sans-serif!important;letter-spacing:.17em}
.sampler-question h3{max-width:660px;margin:0;font:700 clamp(32px,4vw,58px)/1.02 Space,Arial,sans-serif;letter-spacing:-.045em}
.sampler-prompt{margin:24px 0 14px!important;color:#4b645e!important;font-size:15px!important}
.sampler-choices{display:flex;flex-wrap:wrap;gap:10px}.sampler-choices button{display:flex;justify-content:space-between;gap:28px;min-width:155px;min-height:54px;align-items:center;padding:13px 19px;border:1px solid var(--ink);border-radius:3px;background:var(--yellow);color:var(--ink);font:800 14px DM,Arial,sans-serif;cursor:pointer}
.sampler-choices button+button{background:var(--mint)}.sampler-choices button:hover:not(:disabled){transform:translateY(-3px);box-shadow:3px 4px 0 var(--ink)}.sampler-choices button:disabled{cursor:default;opacity:.58}.sampler-choices button.chosen{opacity:1;border-width:2px;box-shadow:3px 4px 0 var(--ink)}
.sampler-result{margin-top:25px;padding:20px 22px;border-left:5px solid var(--pink);background:#e9f0e6}.sampler-result strong{display:block;font:800 22px/1.2 Space,Arial,sans-serif}.sampler-result p{margin:10px 0 14px;color:var(--ink);line-height:1.55}.sampler-result a,.sampler-next a{font-size:12px;font-weight:800;border-bottom:2px solid var(--ink);padding-bottom:3px}
.sampler-next{margin:30px 0 0!important;color:#4c665f!important;line-height:1.65}.sampler-next a{color:var(--ink)}
@media(max-width:800px){.sampler-intro{display:block}.sampler-intro .pill{margin-top:25px}.sampler-body{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:600px){.sampler-tabs button{padding:14px 10px;min-height:78px}.sampler-tabs button strong{font-size:14px;letter-spacing:-.035em}.sampler-tabs button span{font-size:8px}.sampler-file{padding:12px 16px;font-size:8px}.sampler-body{display:block;padding:25px 19px 30px}.sampler-cover{width:78px;float:right;margin:0 0 12px 17px;box-shadow:4px 5px 0 var(--pink)}.sampler-question h3{font-size:clamp(29px,8vw,40px)}.sampler-choices{clear:both}.sampler-choices button{min-width:0;flex:1;gap:12px;padding:12px}.sampler-result{clear:both}}
@media(prefers-reduced-motion:reduce){.sampler-choices button:hover:not(:disabled){transform:none}}