.tool-suite{overflow-x:clip;background:#f5f7fb;color:#101a36}
.tool-suite main{display:block;min-width:0}
.tool-suite .hero,.tool-suite .vhero{padding:30px 0 38px;background:radial-gradient(circle at 82% 18%,rgba(22,199,154,.15),transparent 30%),linear-gradient(145deg,#eef3ff 0%,#fff 70%);border-bottom:1px solid #dfe5f1}
.tool-suite .hero .wrap,.tool-suite .vhero .container{max-width:1160px;margin:0 auto;padding-left:22px;padding-right:22px}
.tool-suite .crumbs{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:0;color:#71809d;font-size:.82rem}
.tool-suite .crumbs a:hover{color:#1b2a6b}
.tool-suite .hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:clamp(28px,5vw,68px)}
.tool-suite .hero-grid>*,.tool-suite .split>*{min-width:0}
.tool-suite .eyebrow{display:inline-flex;margin-bottom:13px;color:#087f68;font-size:.74rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.tool-suite .hero h1,.tool-suite .vhero h1{max-width:790px;margin:0;letter-spacing:-.042em;line-height:1.04;color:#101a36;font-size:clamp(2.2rem,4vw,3.2rem)}
.tool-suite .hero p,.tool-suite .vhero-sub{max-width:700px;margin:16px 0 0;color:#53617e;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.62}
.tool-suite .hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tool-suite .hero-badges span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #d7dfed;border-radius:999px;background:rgba(255,255,255,.82);color:#3d4b69;font-size:.75rem;font-weight:800}
.tool-suite .tino-card{display:flex;align-items:center;gap:18px;overflow:hidden;padding:22px;border:1px solid #d8e0ed;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 22px 55px rgba(20,35,83,.11)}
.tool-suite .tino-card img{flex:0 0 auto;width:78px;height:78px;object-fit:contain}
.tool-suite .tino-card small{display:block;color:#0b8a70;font-size:.68rem;font-weight:900;letter-spacing:.1em}
.tool-suite .tino-card b{display:block;margin:5px 0;color:#17244a;font-size:1rem;line-height:1.3}
.tool-suite .tino-card p{margin:0;color:#6a7690;font-size:.82rem;line-height:1.45}

.tool-suite .tool-calculator-section{position:relative;z-index:2;padding-top:42px;padding-bottom:62px}
.tool-suite .tool-workspace{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.52fr);gap:24px;align-items:start;max-width:1160px;margin:0 auto}
.tool-suite .calculator-panel,.tool-suite .tool-panel,.tool-suite .panel-float{border:1px solid #dce3ef;border-radius:24px;background:#fff;box-shadow:0 18px 52px rgba(22,38,81,.09)}
.tool-suite .calculator-panel,.tool-suite .tool-panel{padding:clamp(24px,3vw,36px)}
.tool-suite .tool-panel-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.tool-suite .tool-step,.tool-suite .tool-note-kicker{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9edff;color:#243d96;font-size:.72rem;font-weight:900}
.tool-suite .tool-panel-head h2{margin:0 0 7px;color:#111d3c;font-size:clamp(1.35rem,2.1vw,1.72rem);letter-spacing:-.025em}
.tool-suite .tool-intro{max-width:700px;margin:0;color:#66728e;line-height:1.55}
.tool-suite .tool-form{margin:0}
.tool-suite .tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}
.tool-suite .tool-fields label,.tool-suite #ci-calc label{display:grid;gap:8px;min-width:0;color:#2b3856;font-size:.82rem;font-weight:800}
.tool-suite .tool-fields input,.tool-suite .tool-fields select,.tool-suite #ci-calc input,.tool-suite #ci-calc select{width:100%;min-width:0;height:52px;padding:0 14px;border:1px solid #cbd5e5;border-radius:12px;background:#fbfcff;color:#101a36;font:inherit;font-weight:650;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s}
.tool-suite .tool-fields input:hover,.tool-suite .tool-fields select:hover,.tool-suite #ci-calc input:hover{border-color:#9eacc4;background:#fff}
.tool-suite .tool-fields input:focus,.tool-suite .tool-fields select:focus,.tool-suite #ci-calc input:focus{outline:0;border-color:#159878;background:#fff;box-shadow:0 0 0 4px rgba(22,199,154,.14)}
.tool-suite .tool-submit,.tool-suite #ci-calc button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:190px;min-height:50px;margin-top:20px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#1b2a6b,#2949ad);color:#fff;font:inherit;font-weight:850;box-shadow:0 10px 24px rgba(36,61,150,.18);cursor:pointer;transition:transform .15s,box-shadow .15s}
.tool-suite .tool-submit:hover,.tool-suite #ci-calc button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(36,61,150,.23)}
.tool-suite .converter-result{min-height:78px;margin-top:20px;padding:17px 19px;border:1px solid #c8eadf;border-radius:15px;background:linear-gradient(135deg,#effbf7,#f4f7ff);color:#384765!important;line-height:1.5}
.tool-suite .converter-result *{color:inherit!important}
.tool-suite .converter-result .result-label{font-weight:750}
.tool-suite .converter-result strong{display:block;margin:3px 0;color:#10225b!important;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.03em}
.tool-suite .converter-result small{display:block;color:#5d6984}
.tool-suite .tool-note{position:sticky;top:92px;padding:26px;border:1px solid #dce3ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(22,38,81,.06)}
.tool-suite .tool-note h2{margin:14px 0 12px;color:#17244a;font-size:1.18rem}
.tool-suite .tool-note ul{display:grid;gap:11px;margin:0;padding:0;list-style:none;color:#53617e;line-height:1.55}
.tool-suite .tool-note li{position:relative;padding-left:22px}
.tool-suite .tool-note li::before{content:"✓";position:absolute;left:0;top:0;color:#0a9273;font-weight:900}
.tool-suite .tool-disclaimer{margin:20px 0 0;padding-top:17px;border-top:1px solid #e5e9f1;color:#707b92;line-height:1.5}
.tool-suite .official-link{display:inline-flex;margin-top:8px;color:#1f3b97;font-size:.84rem;font-weight:800}

.tool-suite .panel-float{display:grid;grid-template-columns:minmax(0,1fr);max-width:1080px;margin:-24px auto 54px;padding:clamp(22px,3vw,34px)}
.tool-suite #ci-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}
.tool-suite #ci-calc button{align-self:end;margin-top:0}
.tool-suite .panel-float>.converter-result{margin-top:20px}
.tool-suite .article-inner,.tool-suite .article-body{min-width:0}
.tool-suite .article-body{max-width:980px;margin-left:auto;margin-right:auto}
.tool-suite .article-body p:empty{display:none}
.tool-suite .article-body h2{margin-top:34px;color:#142044;font-size:clamp(1.35rem,2.3vw,1.8rem)}
.tool-suite .article-body p{max-width:850px;line-height:1.75}
.tool-suite .compare-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
.tool-suite .compare-table .table-row{min-width:720px}
.tool-suite .section.alt{border-top:1px solid #e2e7f0;background:#eef2f8}
.tool-suite .guide-grid{gap:18px}
.tool-suite .guide-card{min-width:0;border:1px solid #dde4ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(22,38,81,.05);transition:transform .16s,border-color .16s}
.tool-suite .guide-card:hover{transform:translateY(-2px);border-color:#a9b7d0}
.tool-suite #krPushPrompt{display:none!important}

@media(max-width:900px){
  .tool-suite .hero-grid,.tool-suite .tool-workspace{grid-template-columns:1fr}
  .tool-suite .tino-card{max-width:620px}
  .tool-suite .tool-note{position:static}
  .tool-suite .panel-float{margin-left:18px;margin-right:18px;width:auto}
}
@media(max-width:620px){
  .tool-suite .hero,.tool-suite .vhero{padding:30px 0 38px}
  .tool-suite .crumbs{margin-bottom:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .tool-suite .hero h1,.tool-suite .vhero h1{font-size:clamp(2rem,10vw,2.75rem)}
  .tool-suite .hero-badges{gap:6px}
  .tool-suite .hero-badges span{font-size:.7rem}
  .tool-suite .tino-card{display:none}
  .tool-suite .tool-calculator-section{padding:24px 16px 42px}
  .tool-suite .calculator-panel,.tool-suite .tool-panel{padding:20px;border-radius:18px}
  .tool-suite .tool-panel-head{gap:10px}
  .tool-suite .tool-fields,.tool-suite #ci-calc{grid-template-columns:1fr}
  .tool-suite .tool-submit,.tool-suite #ci-calc button{width:100%}
  .tool-suite .panel-float{margin:-12px 14px 38px;padding:19px;border-radius:18px}
  .tool-suite .compare-table{margin-right:-16px}
}