/* =====================================================================
   PLOTNUA · DISCOVERY TWO-OPTION COMPONENT · v1 (founder approval, 2 Nov 2026)
   Two ways to explore one Discovery: explore yourself (bronze) or let PlotNua do the
   homework via that Discovery's existing Journey (sage). Rendered by
   atlas-tools/build-supplier-gallery.py from atlas-tools/discovery-two-option/two-option.json.
   Every rule is scoped to .pn-two, so the file is inert anywhere else. No imagery.
   ===================================================================== */
.pn-two{ margin:30px 0 4px; display:grid; grid-template-columns:1fr 1fr; max-width:760px;
  border:1px solid #4A4B4F; border-radius:16px; overflow:hidden; background:#2E3033; box-sizing:border-box; }
.pn-two *{ box-sizing:border-box; }
.pn-two-opt{ display:flex; flex-direction:column; gap:8px; padding:20px 22px; min-width:0; }
.pn-two-opt + .pn-two-opt{ border-left:1px solid #4A4B4F; }
.pn-two-opt.is-help{ background:linear-gradient(160deg, rgba(143,175,138,.10), rgba(143,175,138,0) 70%); }
.pn-two-k{ margin:0; font-family:'Hanken Grotesk',system-ui,sans-serif; font-weight:700; font-size:11.5px;
  letter-spacing:.18em; text-transform:uppercase; color:#B39272; }
.pn-two-opt.is-help .pn-two-k{ color:#8FAF8A; }
.pn-two-t{ margin:0; font-family:'Hanken Grotesk',system-ui,sans-serif; font-size:15.5px; line-height:1.5; color:#E7DED0; }
.pn-two-a{ margin-top:auto; padding:6px 0 2px; align-self:flex-start; font-family:'Hanken Grotesk',system-ui,sans-serif;
  font-weight:600; font-size:15px; color:#F2EBE0; text-decoration:none; border-bottom:1px solid #AE6245; }
.pn-two-a:hover{ color:#FFFFFF; border-bottom-color:#F2EBE0; }
.pn-two-btns{ margin:auto 0 0; padding:6px 0 0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.pn-two-btns li{ list-style:none; margin:0; padding:0; }
.pn-two-b{ display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 16px; border-radius:999px;
  border:1px solid rgba(143,175,138,.62); background:rgba(143,175,138,.08);
  font-family:'Hanken Grotesk',system-ui,sans-serif; font-weight:600; font-size:14.5px; color:#F2EBE0; text-decoration:none;
  transition:background .2s ease, border-color .2s ease; }
.pn-two-b:hover{ border-color:#8FAF8A; background:rgba(143,175,138,.18); }
.pn-two a:focus-visible{ outline:2px solid #CF8566; outline-offset:3px; }
@media (max-width:720px){
  .pn-two{ grid-template-columns:1fr; margin-top:24px; }
  .pn-two-opt + .pn-two-opt{ border-left:0; border-top:1px solid #4A4B4F; }
}
@media (prefers-reduced-motion:reduce){ .pn-two-b{ transition:none; } }