.jt-tabs{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid #d8e1e8;padding-bottom:12px}.jt-tabs button,.jt-button{padding:14px 20px;border:1px solid #ccd8e2;background:white;border-radius:8px;font:inherit;cursor:pointer;color:#203e53}.jt-tabs button[aria-selected=true]{background:#153e58;color:white;border-color:#153e58}.jt-tabs small{font-size:10px;display:block;opacity:.7}.jt-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,2fr);gap:28px;align-items:start}.jt-inputs{background:#f2f5f7;border:1px solid #dce4e9;padding:24px;border-radius:12px}.jt-inputs h2{font-size:23px;margin:0 0 25px}.jt-inputs label,.jt-inputs legend{display:block;font-weight:650;font-size:15px;color:#163c55;margin:22px 0 8px}.jt-inputs label span{float:right;font-weight:400}.jt-inputs input,.jt-inputs select{width:100%;box-sizing:border-box;border:1px solid #b9c9d4;background:#fff;border-radius:6px;padding:13px;font:inherit;color:#183c54}.jt-inputs input{font-size:23px}.jt-inputs p{font-size:12px;line-height:1.6;color:#536879;margin:9px 0}.jt-inputs fieldset{border:0;padding:0;margin:0}.jt-angles{display:flex;gap:8px}.jt-angles button{flex:1;border:1px solid #c5d1d9;border-radius:6px;background:white;padding:12px;font:inherit;cursor:pointer}.jt-angles button[aria-pressed=true]{background:#173e58;color:white}.jt-reset{background:none;border:0;text-decoration:underline;color:#31556b;cursor:pointer;margin-top:12px}.jt-output-heading h2{font-size:26px;margin:0 0 10px}.jt-output-heading>p:last-child{line-height:1.6;min-height:48px;font-size:14px;color:#526a7b}.jt-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.jt-card{border:1px solid #ced9e1;border-radius:12px;overflow:hidden;background:white}.jt-card.is-available{border-color:#537b91;box-shadow:0 3px 18px #163e5810}.jt-card header{padding:20px 18px 12px}.jt-card header>span,.jt-explanations article>span{font-size:10px;font-weight:700;letter-spacing:.09em;color:#597082}.jt-card h3{font-size:21px;margin:8px 0 12px}.jt-badge{font-size:11px;background:#f0f3f5;padding:7px 10px;border-radius:4px;margin:0;color:#60717e}.is-available .jt-badge{color:#255640;background:#eaf3ee}.jt-image{background:#263b49}.jt-image svg{width:100%;height:auto;display:block}.jt-highlight{stroke:#ff4253;stroke-width:12;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 3px #14222d)}.jt-diagram-caption{font-size:10px;line-height:1.5;color:#637687;padding:0 18px}.jt-card dl{padding:0 18px 10px;margin:0}.jt-card dl>div{border-top:1px solid #e5ebef;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.jt-card dt{font-size:12px;color:#52697a;max-width:65%}.jt-card dd{font-size:19px;font-weight:650;color:#153e58;margin:0;white-space:nowrap}.jt-result-note{font-size:13px;line-height:1.65;color:#536b7c;margin-top:20px}.jt-explanations{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #dce4e9;margin-top:36px;padding-top:28px}.jt-explanations h3{font-size:18px;line-height:1.4}.jt-explanations p,.jt-explanations summary{font-size:13px;line-height:1.75;color:#506777}.jt-explanations summary{cursor:pointer;text-decoration:underline}.jt-comparison{margin-top:30px;border-top:1px solid #dce4e9;padding:20px 0}.jt-comparison summary{cursor:pointer;font-weight:650}.jt-comparison table{border-collapse:collapse;width:100%;font-size:12px;margin-top:18px}.jt-comparison th,.jt-comparison td{text-align:left;padding:12px;border-bottom:1px solid #e0e7eb}.jt-comparison th{background:#f2f5f7}#jt-error{color:#bc1733}#jt-graphic{background:#f2f5f7;padding:35px;border-radius:10px}.jt-section [hidden]{display:none!important}.jt-section :focus-visible{outline:3px solid #bd1733;outline-offset:3px}@media(max-width:1000px){.jt-layout{grid-template-columns:250px minmax(0,1fr)}.jt-cards{grid-template-columns:1fr}.jt-image svg{max-height:480px}}@media(max-width:700px){.jt-layout,.jt-explanations{grid-template-columns:1fr}.jt-tabs button{flex:1;padding:12px 8px;font-size:13px}.jt-output-heading h2{font-size:23px}.jt-inputs{padding:20px}.jt-comparison>div{overflow:auto}.jt-comparison table{min-width:590px}.jt-card dd{font-size:21px}}

.jt-extra-presets{display:flex;gap:6px;margin-top:10px}.jt-extra-presets button{flex:1;border:1px solid #b6cbc9;background:white;border-radius:5px;padding:10px 4px;color:#204f54;font:inherit;font-size:13px;cursor:pointer}.jt-extra-presets button[aria-pressed=true]{background:#145d62;color:white}.jt-card.is-blocked{border:2px solid #bf2440}.is-blocked .jt-badge{background:#a61230;color:white;font-weight:700;font-size:12px}.jt-card dl>div:has(dt):nth-child(5){background:#edf8f6;margin:0 -8px;padding:14px 8px;border-radius:5px}

.jt-packer-help{margin:0 18px 20px;padding:15px;background:#edf6fb;border-left:3px solid #1799c9;border-radius:4px}.jt-packer-help strong{font-size:14px;color:#163f58}.jt-packer-help p{font-size:12px;line-height:1.65;color:#426276;margin:8px 0 0}

.jt-followup{border-top:1px solid #d5dfe6;margin-top:40px;padding-top:36px;scroll-margin-top:100px}.jt-followup h2{font-size:30px}.jt-followup>p{max-width:1000px;line-height:1.75;color:#4a6578}.jt-spacing-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;margin-top:24px}.jt-spacing-layout svg{width:100%;display:block}.jt-spacing-layout button{margin-top:14px;font-size:13px}.jt-process-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.jt-process-images figure{margin:0;background:#f2f5f7;border-radius:10px;overflow:hidden}.jt-process-images img{width:100%;max-height:390px;object-fit:contain;background:#263b49;display:block}.jt-process-images figcaption{padding:18px;line-height:1.7;font-size:14px}.jt-process-steps{padding-left:24px;line-height:1.8;color:#405f73}.jt-process-steps li{padding:6px 0}@media(max-width:700px){.jt-spacing-layout,.jt-process-images{grid-template-columns:1fr}.jt-followup h2{font-size:24px}}

.jt-button{display:inline-block}.jt-process-images img{height:auto;aspect-ratio:1;}.jt-followup>.jt-result-note{margin-top:24px}

.jt-flow-loupe{display:block;width:100%;height:auto;background:#263b49}.jt-process-images:has(.jt-flow-loupe){align-items:start}.jt-image svg text{paint-order:stroke fill;stroke:transparent;stroke-width:0}