.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--gold-ink)}.breadcrumb a:hover{text-decoration:underline}.tool-hero{padding:48px 0 24px;background:var(--bg-alt);border-bottom:1px solid var(--line)}.tool-hero h1{font-size:clamp(28px,5vw,40px);margin-bottom:12px}.tool-hero .lead{color:var(--muted);max-width:720px;font-size:17px}.tool-privacy{margin-top:16px;font-size:14px;font-weight:600;color:var(--navy-700)}.tool-body{padding:48px 0}.tool-app{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;margin-bottom:48px}@media(max-width:640px){.tool-app{padding:20px}}.tool-answer{max-width:760px;font-size:17px;line-height:1.6;color:var(--ink);background:var(--bg-alt);border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;margin-bottom:36px}.tool-steps{max-width:760px;margin-bottom:40px}.tool-steps h2{font-size:24px;margin-bottom:16px}.tool-steps ol{padding-left:0;counter-reset:step;display:grid;gap:12px}.tool-steps li{list-style:none;position:relative;padding-left:46px;color:var(--ink);font-size:16px;min-height:32px;display:flex;align-items:center}.tool-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:var(--navy-900);font-weight:700;border-radius:999px;font-size:15px}.tool-prose{max-width:760px;color:var(--muted);margin-bottom:40px}.tool-prose p{font-size:16px}.tool-faq{max-width:760px}.tool-faq h2{font-size:24px;margin-bottom:16px}.tool-faq details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:10px;background:var(--white)}.tool-faq summary{font-weight:600;cursor:pointer;color:var(--ink)}.tool-faq details[open] summary{color:var(--navy-700);margin-bottom:8px}.tool-faq p{color:var(--muted);font-size:15px}.tool-field{margin-bottom:18px}.tool-field label{display:block;font-weight:600;margin-bottom:7px;font-size:14px}.tool-input,.tool-select,.tool-textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:15px;color:var(--ink);background:var(--white);transition:border-color .2s}.tool-input:focus,.tool-select:focus,.tool-textarea:focus{outline:none;border-color:var(--gold)}.tool-textarea{min-height:110px;resize:vertical}.tool-row{display:flex;gap:14px;flex-wrap:wrap}.tool-row>*{flex:1 1 180px}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.tool-result{margin-top:24px}.tool-hint{font-size:13px;color:var(--muted);margin-top:6px}.tool-code{background:var(--navy-900);color:#e6ecf5;border-radius:var(--radius-sm);padding:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;overflow-x:auto;line-height:1.55}.url-row{display:flex;gap:10px;flex-wrap:wrap}.url-row .tool-input{flex:1 1 260px}.url-row .btn{flex:0 0 auto}.tool-status{margin-top:16px;font-weight:600;color:var(--navy-700)}.tool-status.is-error{color:#b3261e}.tool-progress{margin-top:20px}.tool-progress-track{width:100%;height:10px;background:var(--bg-alt);border:1px solid var(--line);border-radius:999px;overflow:hidden}.tool-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-light),var(--gold-dark));border-radius:999px;transition:width .25s var(--ease)}.tool-progress-label{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--navy-700)}@media(prefers-reduced-motion:reduce){.tool-progress-bar{transition:none}}.score-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.score-big{font-family:Poppins,sans-serif;font-weight:800;font-size:44px;line-height:1;color:var(--navy-800);min-width:84px}.score-big small{font-size:18px;color:var(--muted);font-weight:600}.score-big.ok,.score-big.grade-ok{color:#1a7f46}.score-big.mid,.score-big.grade-mid{color:#b7791f}.score-big.bad,.score-big.grade-bad{color:#b3261e}.score-head p{color:var(--muted);font-size:15px}.score-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.score-pill{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 18px}.score-pill span{font-size:12px;color:var(--muted)}.score-pill strong{font-family:Poppins,sans-serif;font-size:22px;color:var(--navy-800)}.check-list{display:grid;gap:8px}.chk{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line)}.chk-good{background:#f2faf5;border-color:#cdebd8}.chk-warn{background:#fdf8ee;border-color:#f2e3c2}.chk-bad{background:#fdf2f1;border-color:#f4d4d1}.chk-i{font-size:16px;line-height:1.4}.chk div{display:flex;flex-direction:column;gap:2px;min-width:0}.chk strong{font-size:15px}.chk span{font-size:13px;color:var(--muted);word-break:break-word}.all-ok{background:#f2faf5;border:1px solid #cdebd8;border-radius:var(--radius-sm);padding:16px;font-weight:600;color:#1a7f46}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.calc-checks{display:grid;gap:10px;margin-top:4px}.calc-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;cursor:pointer;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);transition:border-color .2s,background .2s}.calc-check:hover{border-color:var(--gold)}.calc-check input{width:18px;height:18px;margin-top:2px;flex:0 0 auto;cursor:pointer}.calc-line{margin-top:12px;font-size:15px;color:var(--ink)}.calc-note{margin-top:12px;font-size:13px;color:var(--muted);font-style:italic}.tool-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.tool-cta h2{font-size:22px;margin-bottom:8px}.tool-cta p{color:#cdd9ea;max-width:560px;font-size:15px}
