:root{--sp-navy:#1e2b3c;--sp-ink:#142033;--sp-muted:#5d6775;--sp-line:#dfe4e9;--sp-soft:#f5f7f9;--sp-orange:#f26322;--sp-orange-soft:#fff3ec;--sp-green:#168163}
.sprocket-page{background:#fff;color:var(--sp-ink)}
.sprocket-page .page-hero p{max-width:780px}
.sprocket-app{max-width:1120px;margin:0 auto}
.sprocket-page .panel{background:#fff;border:1px solid var(--sp-line);border-radius:15px;box-shadow:0 10px 30px rgba(22,35,52,.055)}
.sprocket-top-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:17px;align-items:stretch;margin-bottom:17px}
.sprocket-top-layout>.panel{height:100%;box-sizing:border-box}
.panel__title{display:flex;align-items:center;gap:9px;padding:17px 21px;border-bottom:1px solid var(--sp-line);font-size:.88rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;color:var(--sp-navy)}
.panel__title svg{width:19px;height:19px;fill:none;stroke:var(--sp-orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sprocket-input-panel{overflow:hidden}
.setup-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:9px;padding:18px 20px 12px}
.setup-card{min-width:0;margin:0;padding:19px;border:1px solid #dce2e7;border-radius:13px;background:#fafbfc}
.setup-card--new{border-color:#f7b48e;background:#fffaf7;box-shadow:inset 0 3px 0 var(--sp-orange)}
.setup-card legend{display:flex;align-items:center;gap:10px;padding:0 7px 0 0;font-size:1rem;color:var(--sp-ink)}
.setup-card legend span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--sp-navy);color:#fff;font-size:.8rem}
.setup-card--new legend span{background:var(--sp-orange)}
.setup-card>p{margin:4px 0 17px;color:var(--sp-muted);font-size:.82rem}
.teeth-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.teeth-grid label>span{display:block;margin:0 0 7px;font-size:.78rem;font-weight:700;color:#465363}
.teeth-grid label>small{display:block;margin-top:5px;color:#818a95;font-size:.72rem;text-align:center}
.number-stepper{display:grid;grid-template-columns:36px 1fr 36px;height:47px;border:1px solid #cfd6dd;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.number-stepper:focus-within{border-color:var(--sp-orange);box-shadow:0 0 0 3px rgba(242,99,34,.12)}
.number-stepper button{border:0;background:#f3f5f7;color:#263548;font-size:1.25rem;cursor:pointer}
.number-stepper button:hover{background:#e9edf0;color:var(--sp-orange)}
.number-stepper input{min-width:0;width:100%;border:0;border-left:1px solid #e0e4e8;border-right:1px solid #e0e4e8;outline:0;text-align:center;font-size:1.08rem;font-weight:800;color:var(--sp-ink);appearance:textfield}
.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.setup-arrow{position:relative;display:grid;place-items:center;width:28px;height:28px;margin:-2px auto;border:1px solid #e2a67f;border-radius:50%;background:#fff;color:var(--sp-orange)}
.setup-arrow::before,.setup-arrow::after{content:"";position:absolute;left:50%;width:1px;height:7px;background:#e2a67f;transform:translateX(-50%)}
.setup-arrow::before{bottom:100%}.setup-arrow::after{top:100%}
.setup-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.input-actions{display:flex;align-items:center;gap:14px;padding:0 22px 19px}
.input-actions button,.copy-row button{border:1px solid #cfd5db;border-radius:8px;background:#fff;padding:9px 14px;color:#344355;font-weight:700;cursor:pointer}
.input-actions button:hover,.copy-row button:hover{border-color:var(--sp-orange);color:var(--sp-orange)}
.input-actions p{margin:0;color:#b52c2c;font-size:.82rem}
#results{margin-top:0}
.sprocket-verdict{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;border-radius:15px;background:linear-gradient(125deg,#1d2b3d,#2d4057);color:#fff;box-shadow:0 12px 32px rgba(22,35,52,.15)}
.sprocket-verdict--longer{background:linear-gradient(125deg,#1f3343,#31586b)}
.sprocket-verdict--same{background:linear-gradient(125deg,#33404f,#4b5867)}
.verdict-badge{display:inline-block;margin-bottom:7px;padding:4px 9px;border-radius:999px;background:rgba(242,99,34,.96);font-size:.7rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.sprocket-verdict--longer .verdict-badge{background:#2188a4}.sprocket-verdict--same .verdict-badge{background:#718092}
.sprocket-verdict h2{margin:0 0 5px;color:#fff;font-size:1.5rem}.sprocket-verdict p{margin:0;color:#dbe3ec;font-size:.9rem}
.verdict-value{flex:0 0 auto;text-align:right}.verdict-value span{display:block;color:#bfcad6;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.verdict-value strong{display:block;margin-top:3px;color:#ff8a4e;font-size:2rem;line-height:1.1}
.quick-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:17px 0;background:var(--sp-line);border:1px solid var(--sp-line);border-radius:14px;overflow:hidden}
.quick-results>div{min-width:0;padding:17px 18px;background:#fff}.quick-results span,.quick-results small{display:block}.quick-results span{min-height:32px;color:#687381;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.quick-results strong{display:block;margin:5px 0 2px;color:var(--sp-navy);font-size:1.28rem}.quick-results small{color:#858d96;font-size:.72rem}.quick-results .quick-results__accent{background:var(--sp-orange-soft)}.quick-results__accent strong{color:#d94f0d}
.visual-panel,.custom-panel,.comparison-panel,.speed-panel{padding:21px}
.visual-panel{display:flex;flex-direction:column}
.visual-panel .drive-stage{display:flex;align-items:center;flex:1}
.custom-panel{margin-bottom:17px}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.section-heading h2{margin:0 0 4px;font-size:1.05rem;color:var(--sp-ink)}.section-heading p{margin:0;color:var(--sp-muted);font-size:.8rem}
.visual-legend{display:flex;gap:12px;white-space:nowrap;color:#596675;font-size:.74rem}.visual-legend span{display:flex;align-items:center;gap:5px}.visual-legend i{width:14px;height:3px;border-radius:3px;background:#8793a1}.visual-legend i.new{background:var(--sp-orange)}
.visual-legend i.old{background:#8995a2}
.drive-stage{border-radius:12px;background:radial-gradient(circle at center,#fff 0,#f5f7f9 72%);border:1px solid #e5e9ed;overflow:hidden}.drive-stage svg{display:block;width:100%;height:auto;min-height:235px}
.drive-chain{fill:none;stroke-linecap:round;stroke-linejoin:round}.drive-chain--old{stroke:#8e99a6;stroke-width:7;stroke-dasharray:4 8;opacity:.4}.drive-chain--new{stroke:var(--sp-orange);stroke-width:5;stroke-dasharray:2 7;opacity:1}
.sprocket-old{opacity:.4}.sprocket-old>circle:first-child{fill:#e3e7ea;stroke:#8995a2;stroke-width:3}.sprocket-new{opacity:1}.sprocket-new>circle:first-child{fill:rgba(242,99,34,.07);stroke:var(--sp-orange);stroke-width:3}.sprocket-teeth{fill:none;stroke:inherit;stroke-width:3}.sprocket-old .sprocket-teeth{stroke:#8995a2}.sprocket-new .sprocket-teeth{stroke:var(--sp-orange)}
.sprocket-hub{fill:#fff;stroke:inherit;stroke-width:2}.sprocket-old .sprocket-hub,.sprocket-old>circle:not(:first-child){stroke:#8995a2}.sprocket-new .sprocket-hub,.sprocket-new>circle:not(:first-child){stroke:var(--sp-orange)}.sprocket-old>circle:not(:first-child),.sprocket-new>circle:not(:first-child){fill:#fff;stroke-width:2}.sprocket-centre{fill:var(--sp-navy)!important}.sprocket-caption{fill:#536173;font-size:12px;font-weight:800;letter-spacing:.04em}
.diagram-note{margin:11px 2px 0;color:#78818b;font-size:.72rem;line-height:1.45}
.custom-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-inputs label>span{display:block;margin-bottom:6px;color:#596675;font-size:.75rem;font-weight:700}.custom-inputs label>div{display:flex;border:1px solid #d4dae0;border-radius:9px;overflow:hidden}.custom-inputs input{width:100%;min-width:0;border:0;outline:0;padding:11px 12px;font-size:1rem;font-weight:700;color:var(--sp-ink)}.custom-inputs b{display:flex;align-items:center;padding:0 11px;background:#f2f4f6;color:#66717e;font-size:.72rem}
.custom-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.custom-results>div{padding:13px;border-radius:10px;background:var(--sp-soft)}.custom-results span,.custom-results small{display:block}.custom-results span{color:#6b7581;font-size:.69rem;font-weight:700;text-transform:uppercase}.custom-results strong{display:block;margin:6px 0 2px;color:var(--sp-orange);font-size:1.18rem}.custom-results small{color:#7a838d;font-size:.68rem;line-height:1.35}
.chain-note{display:flex;gap:9px;margin-top:13px;padding:11px 12px;border-radius:9px;background:#fff7e7;color:#70571f}.chain-note span{font-size:1.05rem}.chain-note p{margin:0;font-size:.75rem;line-height:1.45}
.comparison-panel,.speed-panel{margin-bottom:17px}.table-wrap{overflow-x:auto;border:1px solid #e0e5e9;border-radius:10px}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table th,.comparison-table td{padding:12px 14px;border-bottom:1px solid #e6eaed;text-align:right;font-size:.82rem}.comparison-table thead th{background:#f2f4f6;color:#596573;font-size:.69rem;text-transform:uppercase;letter-spacing:.035em}.comparison-table th:first-child{text-align:left}.comparison-table tbody th{color:#354355}.comparison-table td{color:#566270;font-variant-numeric:tabular-nums}.comparison-table tr:last-child>*{border-bottom:0}.comparison-table__accent>*{background:#fff7f2}.comparison-table__accent td:last-child{color:#db520f;font-weight:800}.table-wrap--compact{max-width:790px}
.calc-caution{margin:13px 0 0;padding:11px 13px;border-left:3px solid #eda343;background:#fffaf0;color:#655c4b;font-size:.75rem;line-height:1.5}
.copy-row{display:flex;align-items:center;gap:12px;min-height:39px;margin-bottom:17px}.copy-row button{border-color:var(--sp-navy);background:var(--sp-navy);color:#fff}.copy-row button:hover{background:#2b3e55;color:#fff}.copy-row span{font-size:.78rem;color:var(--sp-green)}
.safety-note{display:flex;gap:13px;padding:17px 19px;border:1px solid #fac8ab;border-radius:13px;background:#fff7f2}.safety-note>div{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--sp-orange);color:#fff;font-weight:900}.safety-note p{margin:0;color:#5d493e;font-size:.82rem;line-height:1.55}
.article-section{padding-top:10px}.article-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}.article-grid p{color:#566270;line-height:1.7}.formula-box{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:19px 0;padding:18px 20px;border-radius:12px;background:var(--sp-navy);color:#fff}.formula-box span{color:#c6d0dc;font-size:.78rem;text-transform:uppercase}.formula-box strong{color:#ff8a4e;font-size:1.06rem}.meaning-card{padding:21px;border:1px solid var(--sp-line);border-radius:13px;background:#fafbfc}.meaning-card h3{margin-top:0}.meaning-card dl,.meaning-card dd{margin:0}.meaning-card dl>div+div{margin-top:15px;padding-top:15px;border-top:1px solid var(--sp-line)}.meaning-card dt{font-weight:800;color:var(--sp-navy)}.meaning-card dd{margin-top:5px;color:#626e7b;font-size:.85rem;line-height:1.55}
.limits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.limits-grid>div{padding:18px;border:1px solid var(--sp-line);border-radius:12px;background:#fff}.limits-grid h3{margin:0 0 8px;font-size:.95rem}.limits-grid p{margin:0;color:#636f7c;font-size:.81rem;line-height:1.55}.source-note{margin:16px 0 0;padding:14px 16px;border-radius:10px;background:#f5f7f9;color:#596573;font-size:.79rem;line-height:1.55}.source-note a{color:#d94f0d;font-weight:700}
.faq-list{max-width:900px;margin:0 auto}.faq-item{border-bottom:1px solid var(--sp-line)}.faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 3px;border:0;background:transparent;color:var(--sp-ink);font-size:.93rem;font-weight:750;text-align:left;cursor:pointer}.faq-q span{color:var(--sp-orange);font-size:1.35rem}.faq-q[aria-expanded=true] span{transform:rotate(45deg)}.faq-a{padding:0 34px 17px 3px}.faq-a p{margin:0;color:#626e7b;font-size:.84rem;line-height:1.6}
.related-section{max-width:1120px;margin:0 auto;padding:10px 20px 65px}.related-section h2{text-align:center}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid a{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--sp-line);border-radius:12px;color:var(--sp-ink);text-decoration:none;transition:.2s}.related-grid a:hover{border-color:var(--sp-orange);transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,35,52,.08)}.related-grid a>span{font-size:1.4rem}.related-grid strong,.related-grid small{display:block}.related-grid small{margin-top:3px;color:#717b87;font-size:.72rem}
@media(max-width:900px){.sprocket-top-layout{grid-template-columns:1fr}.limits-grid{grid-template-columns:1fr 1fr}.quick-results{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:680px){.setup-grid{padding:15px}.setup-arrow{margin:-3px auto}.setup-card{padding:16px}.teeth-grid{gap:9px}.sprocket-verdict{align-items:flex-start;padding:20px}.verdict-value strong{font-size:1.55rem}.quick-results>div{padding:14px}.quick-results span{font-size:.65rem}.quick-results strong{font-size:1.08rem}.visual-panel,.custom-panel,.comparison-panel,.speed-panel{padding:16px}.section-heading{display:block}.visual-legend{margin-top:10px}.drive-stage svg{min-height:190px}.custom-inputs,.custom-results{grid-template-columns:1fr}.article-grid,.limits-grid{grid-template-columns:1fr}.formula-box{display:block}.formula-box strong{display:block;margin-top:7px}.related-section{padding-bottom:45px}}
@media(max-width:430px){.teeth-grid{grid-template-columns:1fr}.sprocket-verdict{display:block}.verdict-value{margin-top:15px;text-align:left}.quick-results{grid-template-columns:1fr 1fr}.quick-results span{min-height:0}.drive-stage{margin:0 -7px}.sprocket-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.related-grid a{transition:none}}

/* Kompaktiškas mastelis suderintas su padangų dydžių skaičiuokle. */
.sprocket-app{max-width:1280px}
.sprocket-page .panel{padding:20px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow-sm)}
.sprocket-top-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:18px;margin-bottom:0}
.panel__title{margin-bottom:16px;padding:0 0 12px;border-bottom:1px solid var(--c-border);color:var(--c-muted);font-size:11px;font-weight:600;letter-spacing:.8px}
.panel__title svg{width:15px;height:15px}
.sprocket-input-panel{padding-bottom:20px!important}
.setup-grid{gap:8px;padding:0}
.setup-card{padding:13px 15px;border:1px solid var(--c-border);border-radius:9px;background:var(--c-bg)}
.setup-card--new{border-color:rgba(232,101,10,.28);background:rgba(232,101,10,.035);box-shadow:none}
.setup-card legend{gap:9px;padding:0 5px 0 0;font-size:13px}
.setup-card legend span{width:27px;height:27px;border-radius:50%;font-family:var(--font-mono);font-size:11px}
.setup-card>p{margin:3px 0 10px;color:var(--c-muted);font-size:10px}
.teeth-grid{gap:9px}
.teeth-grid label>span{margin-bottom:5px;color:var(--c-muted);font-size:9px;font-weight:600}
.teeth-grid label>small{margin-top:4px;color:var(--c-muted);font-size:9px}
.number-stepper{grid-template-columns:31px 1fr 31px;height:40px;border:1.5px solid var(--c-border);border-radius:7px}
.number-stepper button{font-size:17px}
.number-stepper input{font-family:var(--font-mono);font-size:15px}
.setup-arrow{width:28px;height:28px;margin:-2px auto}
.input-actions{min-height:0;padding:0}
.input-actions p{margin-top:7px;font-size:10px;text-align:center}
.visual-panel{min-width:0}
.section-heading{gap:15px;margin-bottom:14px}
.section-heading h2{margin:0;font-size:16px}
.section-heading p{margin-top:4px;color:var(--c-muted);font-size:10px;line-height:1.45}
.visual-legend{gap:10px;color:var(--c-muted);font-size:9px}
.drive-stage{min-height:242px;border:1px solid #ebe9e3;border-radius:9px;background:linear-gradient(to bottom,#fafaf8 0,#fafaf8 50%,#f2f1ed 100%)}
.drive-stage svg{min-height:0}
.diagram-note{margin:9px 0 0;color:var(--c-muted);font-size:9px;line-height:1.45}
#results{display:flex;flex-direction:column;gap:18px}
#results[hidden]{display:none}
.sprocket-verdict{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:19px 22px;border:1px solid rgba(207,135,24,.36);border-left:4px solid #cf8718;border-radius:10px;background:linear-gradient(100deg,rgba(207,135,24,.09),#fff);color:var(--c-text);box-shadow:none}
.sprocket-verdict--longer{border-color:rgba(26,129,105,.32);border-left-color:#1a8169;background:linear-gradient(100deg,rgba(26,129,105,.08),#fff)}
.sprocket-verdict--same{border-color:var(--c-border);border-left-color:#7a8793;background:linear-gradient(100deg,rgba(122,135,147,.08),#fff)}
.verdict-badge{margin-bottom:5px;padding:3px 8px;color:#8b5709;background:rgba(207,135,24,.13);font-size:9px}
.sprocket-verdict--longer .verdict-badge{color:#126550;background:rgba(26,129,105,.12)}
.sprocket-verdict--same .verdict-badge{color:#55616d;background:rgba(122,135,147,.12)}
.sprocket-verdict h2{margin:0 0 5px;color:var(--c-text);font-size:18px}
.sprocket-verdict p{max-width:720px;color:var(--c-muted);font-size:11px;line-height:1.55}
.verdict-value{min-width:145px;padding-left:18px;border-left:1px solid var(--c-border)}
.verdict-value span{color:var(--c-muted);font-size:9px}
.verdict-value strong{margin-top:4px;color:var(--c-text);font-family:var(--font-mono);font-size:22px}
.quick-results{gap:1px;margin:0;border-color:var(--c-border);border-radius:9px;background:var(--c-border)}
.quick-results>div{padding:10px 12px}
.quick-results span{min-height:24px;color:var(--c-muted);font-size:9px;line-height:1.25}
.quick-results strong{margin:4px 0 3px;font-family:var(--font-mono);font-size:15px;line-height:1.2}
.quick-results small{color:var(--c-muted);font-size:8.5px;line-height:1.35}
.quick-results .quick-results__accent{background:rgba(232,101,10,.05)}
.custom-panel,.comparison-panel,.speed-panel{margin:0}
.custom-inputs label>span{font-size:10px}
.custom-inputs label>div{border-color:var(--c-border);border-radius:7px}
.custom-inputs input{padding:9px 11px;font-family:var(--font-mono);font-size:13px}
.custom-inputs b{font-size:9px}
.custom-results>div{padding:10px 12px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-bg)}
.custom-results span{font-size:9px}.custom-results strong{margin:4px 0 3px;font-family:var(--font-mono);font-size:15px}.custom-results small{font-size:8.5px}
.chain-note{margin-top:11px;padding:10px 12px;border-radius:8px}.chain-note p{font-size:10px}
.table-wrap{border-color:var(--c-border);border-radius:8px}
.comparison-table th,.comparison-table td{padding:10px 12px;border-color:var(--c-border);font-size:13px;line-height:1.45}
.comparison-table thead th{color:var(--c-navy);background:#f3f3f0;font-size:11px;font-weight:700;text-transform:none;letter-spacing:0}
.comparison-table tbody th{font-weight:600}.comparison-table tbody td{font-weight:500}
.calc-caution{margin-top:11px;padding:0;border:0;background:none;color:var(--c-muted);font-size:10px;line-height:1.55}
.copy-row{min-height:31px;margin:0}.copy-row button{padding:7px 10px;border:1px solid var(--c-border);border-radius:7px;background:#fff;color:var(--c-navy);font-size:10px}.copy-row button:hover{border-color:var(--c-accent);background:#fff;color:var(--c-accent)}.copy-row span{font-size:9px}
.safety-note{gap:11px;padding:14px 16px;border-color:#e7d6a5;border-radius:9px;background:#fffaf0}.safety-note>div{flex-basis:25px;width:25px;height:25px;background:#b77a13;font-family:var(--font-mono);font-size:12px}.safety-note p{color:#68542d;font-size:10px;line-height:1.55}
@media(max-width:900px){.sprocket-top-layout{grid-template-columns:1fr}}
@media(max-width:680px){.sprocket-page .panel{padding:16px}.setup-grid{padding:0}.sprocket-verdict{grid-template-columns:1fr;padding:16px}.verdict-value{padding:11px 0 0;border-top:1px solid var(--c-border);border-left:0;text-align:left}.quick-results>div{padding:9px 10px}.quick-results span{font-size:9px}.quick-results strong{font-size:14px}.drive-stage{min-height:215px}.comparison-table th,.comparison-table td{padding:9px 10px;font-size:12px}.comparison-table thead th{font-size:10px}}