/* desire / pain / objection chips, breakdown, desire pages */
.linkbtn{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer;color:inherit}
.dpo-break{margin:22px 0 6px;border:2px solid #16181D;background:#FFFDE7;padding:14px 16px}
.dpo-break h2,.dpo-modal h4{margin:0 0 6px;font-size:16px}
.dpo-break .tags{margin:8px 0;border-top:0;padding-top:0}
.dpo-rows.open{grid-template-columns:1fr 1fr}.dpo-rows .w{grid-column:1/-1}
.dpo-rows q{font-style:italic;background:#fff;padding:0 3px}
.dpo-ol{list-style:none;margin:0;padding:0}.dpo-ol li{margin:2px 0}
.dpo-note{margin-top:6px}
.dpo-locked{background:#fff;border:2px dashed #16181D;padding:16px 18px}
.dsub{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dsub .lab{margin-right:6px}
.dchip{display:inline-block;border:1.5px solid #16181D;padding:2px 8px;font-size:13px;background:#fff}
.dpo-table{list-style:none;display:grid;gap:10px;margin-top:10px}
.dpo-table li{display:grid;grid-template-columns:84px 1fr;gap:12px;background:#fff;border:2px solid #16181D;padding:10px}
.dpo-table img{width:84px;height:84px;object-fit:cover;object-position:top;display:block;background:#F4F5F7}
.dpo-table q{font-style:italic}
/* library chips (index.html) */
#f-dpo .chip.peek{opacity:1;box-shadow:3px 3px 0 #FFEB3B;border-style:solid}
.dpo-msg{font-size:14px;background:#FFFDE7;border:1.5px solid #16181D;padding:8px 12px;margin-top:4px}
.dpo-modal{margin-top:14px;border:2px solid #16181D;background:#FFFDE7;padding:12px 14px}
@media (max-width:520px){.dpo-rows.open{grid-template-columns:1fr}}
@media (max-width:520px){.dpo-table li{grid-template-columns:64px 1fr;gap:10px}.dpo-table img{width:64px;height:64px}.dpo-table{font-size:14px}}
/* v0.3 who it's for (avatar) */
.av-lock{margin-top:10px;border-top:1.5px dashed #16181D;padding-top:8px}
.av-lock h4,.av-h,.of-h{margin:10px 0 4px;font-size:14px}
.av-rows q,.of-rows q{font-style:italic;background:#fff;padding:0 3px}
/* library filter block (21 Oct): one grid, one left label + helper per group, aligned to the top of its chips */
.filters .frow,.dpo-g{grid-template-columns:168px minmax(0,1fr)}
.dpo-block{display:grid;gap:0;border-top:2px solid #16181D;margin-top:4px}
.dpo-g{display:grid;column-gap:10px;align-items:start;padding:12px 0;border-top:1.5px solid #D9DCE1}
.dpo-g:first-child{border-top:0}
.dpo-top{padding:12px 0 8px}
.dpo-gl{padding-top:8px;min-width:0}
.dpo-gl .lab{display:block;color:#16181D;line-height:1.25}
.dpo-gl .dpo-sub{display:block;color:#6E7178;letter-spacing:.06em}
.dpo-g .dpo-chip{max-width:100%}
.dpo-gl small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#6E7178}
.dpo-top .dpo-gl{padding-top:2px}
.dpo-intro{margin:0;font-size:14px;line-height:1.45;color:#16181D;max-width:72ch}
.dpo-intro a{white-space:nowrap}
.dpo-g .dpo-chips{flex-wrap:wrap}
.dpo-x{font:700 13px/1 'Courier Prime';padding:8px 6px;border:0;background:none;color:#16181D;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.dpo-x:hover{background:#FFEB3B}
.dpo-x:focus-visible,.dpo-chip:focus-visible{outline:2px solid #16181D;outline-offset:2px}
#f-dpo .dpo-msg{margin:4px 0 12px}
#f-dpo .dpo-msg[hidden]{display:none}
@media (max-width:900px){.filters .frow,.dpo-g{grid-template-columns:140px minmax(0,1fr)}}
@media (max-width:600px){.filters .frow,.dpo-g{grid-template-columns:minmax(0,1fr)}
  .dpo-g{row-gap:8px;padding:12px 0}
  .dpo-gl{padding-top:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
  .dpo-gl small{margin-top:0}
  .dpo-gl .dpo-sub{display:inline}
  .dpo-g .dpo-chip{white-space:normal;text-align:left;line-height:1.25}
  .dpo-g .dpo-chips{flex-wrap:wrap;overflow:visible;margin-right:0;padding-bottom:0}}
/* brands facet (21 Oct): top 8 + "+N more", search box when open */
#f-brands{flex-wrap:wrap;align-items:center}
#f-brands .chip[hidden]{display:none}
.br-x{font:700 13px/1 'Courier Prime';padding:8px 6px;border:0;background:none;color:#16181D;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.br-x:hover{background:#FFEB3B}
.br-x:focus-visible{outline:2px solid #16181D;outline-offset:2px}
.br-search{flex:0 0 100%;display:block;margin:0 0 2px}
.br-search input{width:100%;max-width:320px;box-sizing:border-box;padding:9px 11px;border:1.5px solid #16181D;font:13px 'Courier Prime',monospace;background:#fff}
.br-none{flex:0 0 100%;margin:2px 0 0;font-size:13px;color:#6E7178}
@media (max-width:600px){#f-brands.chips{flex-wrap:wrap;overflow:visible;margin-right:0;padding-bottom:0}.br-search input{max-width:none}}