/* Lokamo :: /narzedzia/generator-odpowiedzi-na-opinie. Buduje na narzedzia.css
   (karta, pola, chipy, przelacznik, FAQ). Tu tylko gwiazdki, lista trzech wersji,
   przyklady odpowiedzi i lista "czego nie pisac". */
.go-q{margin:22px 0 0;padding:0;border:0;min-width:0}
.go-q:first-child{margin-top:0}
.go-q legend{display:block;margin-bottom:10px;padding:0;font-size:14.5px;font-weight:560}
.go-chips{margin-top:0}
.go-chips .nz-chip[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}

/* gwiazdki: radio pod spodem, wypelnienie do wybranej oceny z data-o */
.go-gw{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.go-gw label{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:10px;cursor:pointer;color:#D4D4DA;transition:color .15s,background-color .15s}
.go-gw label:hover{background:var(--paper)}
.go-gw input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.go-gw svg{width:34px;height:34px}
.go-gw input:focus-visible+svg{outline:2px solid var(--cobalt);outline-offset:4px;border-radius:6px}
.go-gw[data-o="1"] label:nth-of-type(-n+1),.go-gw[data-o="2"] label:nth-of-type(-n+2),.go-gw[data-o="3"] label:nth-of-type(-n+3),.go-gw[data-o="4"] label:nth-of-type(-n+4),.go-gw[data-o="5"] label:nth-of-type(-n+5){color:var(--ink)}
.go-gw__t{margin-left:12px;font-size:14.5px;color:var(--steel)}
.go-gw__t b{font-family:var(--mono);font-weight:600;color:var(--ink);margin-right:4px}

.go-seg{display:flex;width:100%}
.go-seg label{flex:1}
.go-seg span{text-align:center}

/* trzy wersje */
.go-out{min-width:0}
.go-out__top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.go-out__k{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.go-out__p{margin-top:6px;font-size:15px;color:var(--ink);font-weight:560}
.go-out__top .btn{margin-top:0;width:auto}
.go-out__top .btn svg{width:16px;height:16px}
.go-przyklad{display:flex;gap:10px;margin-top:14px;padding:11px 14px;border-radius:10px;background:rgba(46,75,255,.06);font-size:14px;line-height:1.45;color:var(--cobalt-deep)}
.go-przyklad svg{width:16px;height:16px;flex:none;margin-top:2px}
.go-przyklad[hidden]{display:none}
.go-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}
.go-var{padding:18px 20px 16px;border-radius:14px;background:var(--paper);border:1px solid transparent;transition:border-color .2s,background-color .2s}
.go-var.is-copied{border-color:var(--ok);background:#fff}
.go-var__h{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--steel)}
.go-var__h .mono{letter-spacing:.06em;text-transform:uppercase}
.go-var__n{font-family:var(--mono);font-variant-numeric:tabular-nums}
.go-txt{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.go-txt p{white-space:pre-line}
.go-txt p+p{margin-top:10px}
.go-copy{margin-top:14px;width:auto;--bg:var(--ink);--fg:#fff}
.go-copy svg{display:none;width:16px;height:16px}
.go-copy.is-ok{--bg:var(--ok)}
.go-copy.is-ok svg{display:block}
.go-err{margin-top:16px;padding:14px 16px;border-radius:12px;background:#FDECEA;color:var(--err);font-size:15px;line-height:1.5}
.go-err[hidden]{display:none}
.go-note{margin-top:14px;font-size:14px;line-height:1.5;color:var(--steel)}

/* czego nie pisac */
.go-nie li svg{color:var(--err)}

/* przyklady */
.go-ex{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.go-ex__c{margin:0;padding:26px 26px 24px;border-radius:18px;background:var(--paper);display:flex;flex-direction:column}
.go-ex__c--dobrze{background:var(--ink);color:#fff}
.go-ex figcaption{display:flex;flex-direction:column;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.015em}
.go-ex figcaption .mono{font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--err)}
.go-ex__c--dobrze figcaption .mono{color:#7FE0A8}
.go-ex blockquote{margin:16px 0 0;padding:16px 18px;border-radius:12px;background:#fff;font-size:15.5px;line-height:1.6;color:var(--text2)}
.go-ex blockquote p+p{margin-top:10px}
.go-ex__c--dobrze blockquote{background:rgba(255,255,255,.07);color:var(--d-text)}
.go-ex__w{margin-top:14px;font-size:14.5px;line-height:1.5;color:var(--steel)}
.go-ex__c--dobrze .go-ex__w{color:var(--mist)}

@media (min-width:1000px){[data-go] .go-form{position:sticky;top:96px;align-self:start}}
@media (max-width:999px){.go-ex{grid-template-columns:1fr}}
@media (max-width:640px){
  .go-gw label{width:42px;height:42px}
  .go-gw svg{width:30px;height:30px}
  .go-gw__t{flex-basis:100%;margin:6px 0 0}
  .go-var{padding:16px 16px 14px}
  .go-txt{font-size:15px}
  .go-copy{width:100%}
  .go-ex__c{padding:22px 18px 20px}
  [data-go] .nz-calc__cta .btn{height:auto;min-height:46px;padding-block:12px;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.go-var,.go-gw label{transition:none}}
.go-ex+.nz-ex{margin-top:28px}