/* Astronocnik Narzędzia 1.00: strona /narzedzia/ i strony narzędzi. */

/* ---------- Strona narzędzia: pasek nad narzędziem ---------- */
.narz-tool .asn-head{position:relative;top:auto!important}
@media (min-width:901px){
  .narz-tool .app{height:calc(100vh - 77px);height:calc(100dvh - 77px)}
  .admin-bar.narz-tool .app{height:calc(100vh - 109px);height:calc(100dvh - 109px)}
}
.narz-main{display:block}
body.narz-tool{overflow-x:clip}

/* ---------- Opis pod narzędziem ---------- */
.narz-info{background:#0E1117;color:#C9CCD3;border-top:1px solid rgba(255,255,255,.06);padding:56px 0 72px;font-size:16px;line-height:1.6}
.narz-info a{color:#F2AC61;text-decoration:underline;text-underline-offset:3px}
.narz-info a:hover{color:#FFC98C}
.narz-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#9DA1AC;margin-bottom:28px}
.asn .narz-crumbs a{color:#9DA1AC;text-decoration:none}
.asn .narz-crumbs a:hover{color:#fff}
.narz-info__head{max-width:820px}
.narz-h2{font-family:'ASN Bricolage',sans-serif;font-weight:700!important;font-size:40px;line-height:1.12;letter-spacing:-.015em;color:#F7F6F3;margin:10px 0 16px!important}
.narz-lead{font-size:18px;color:#C9CCD3}
.narz-alt{margin-top:14px!important;font-size:15px}
.narz-h3{font-family:'ASN Bricolage',sans-serif;font-weight:700!important;font-size:22px;line-height:1.2;color:#F7F6F3;margin:44px 0 16px!important}
.narz-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:st}
.narz-steps li{counter-increment:st;background:#161A22;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px}
.narz-steps li::before{content:counter(st);width:30px;height:30px;border-radius:50%;background:#F4F2EE;color:#0E1117;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.narz-steps b{color:#F7F6F3;font-size:17px}
.narz-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}
.narz-feat{margin:0;padding:0 0 0 20px}
.narz-feat li{margin:0 0 8px}
.narz-box{background:#161A22;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:4px 20px 18px;margin-top:44px}
.narz-box+.narz-box{margin-top:14px}
.narz-box .narz-h3{margin-top:16px!important;margin-bottom:8px!important;font-size:19px}
.narz-box--cta{background:rgba(242,172,97,.06);border-color:rgba(242,172,97,.35)}
.narz-faq{display:flex;flex-direction:column;gap:10px;max-width:900px}
.narz-faq details{background:#161A22;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0 18px}
.narz-faq summary{cursor:pointer;list-style:none;padding:15px 28px 15px 0;font-weight:600;color:#F7F6F3;position:relative}
.narz-faq summary::-webkit-details-marker{display:none}
.narz-faq summary::after{content:"";position:absolute;right:2px;top:50%;width:9px;height:9px;border-right:2px solid #9DA1AC;border-bottom:2px solid #9DA1AC;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.narz-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.narz-faq details p{padding:0 0 16px}
.narz-author{display:flex;gap:18px;align-items:flex-start;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);max-width:900px}
.narz-author img{width:60px;height:auto;flex-shrink:0;margin-top:20px}
.narz-author .narz-h3{margin-top:12px!important;margin-bottom:6px!important}
.narz-motto{margin-top:8px!important;color:#F7F6F3}
.narz-motto span{color:#9DA1AC}

@media (max-width:900px){
  .narz-info{padding:36px 0 48px;font-size:15px}
  .narz-h2{font-size:28px}
  .narz-lead{font-size:16px}
  .narz-h3{font-size:20px;margin-top:34px!important}
  .narz-steps{grid-template-columns:1fr}
  .narz-cols{grid-template-columns:1fr;gap:0}
  .narz-box{margin-top:24px}
}

/* ---------- Strona /narzedzia/ ---------- */
.narz-hub{padding-top:0}
.narz-hero{padding:70px 0 10px}
.narz-hero .asn-h2{margin:12px 0 14px;font-weight:700}
.narz-hero__lead{max-width:640px;font-size:18px;line-height:1.55;color:#9DA1AC}
.narz-grid{margin-top:40px}
.narz-tool__img{background:#0B0D12}
.narz-tool__img img{width:100%;height:100%;object-fit:cover}
.narz-badge{position:absolute;left:14px;top:14px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:8px;background:#C1121F;color:#fff}
.narz-card-h{font-family:'ASN Bricolage',sans-serif;font-weight:700!important;font-size:22px;color:#F7F6F3}
.narz-go{margin-top:6px;font-size:14px;font-weight:600;color:#F2AC61}
.asn .narz-nl{color:#F2AC61;text-decoration:underline}
.narz-hub__en{margin-top:28px!important;font-size:15px}
.asn .narz-hub__en a{color:#9DA1AC;text-decoration:underline}
@media (max-width:900px){
  .narz-hero{padding:34px 0 0}
  .narz-hero .asn-h2{font-size:34px}
  .narz-hero__lead{font-size:16px}
  .narz-card-h{font-size:18px}
  .asn-tool:not(:first-child) .narz-badge{display:none}
}