/* Position Size Calculator v3 overrides */
.hero-art-approved{object-fit:contain!important;object-position:right center!important;opacity:1!important;mix-blend-mode:normal!important;filter:drop-shadow(0 0 24px rgba(18,124,255,.35))!important;mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%)!important}
.dashboard-shot-approved{width:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:1366/768;object-fit:contain!important;object-position:center!important;border-radius:10px;background:#0d1118}

/* Hero and navigation */
.crumb,.trust-row{font-size:13px!important}
.flow-card small,.flow-card em{font-size:11.5px!important;line-height:1.35!important}
.header-cta,.primary-button,.secondary-button{font-size:13px!important}

/* Input panel */
.input-panel{color:#f4f8ff!important;background:radial-gradient(circle at 12% 0%,rgba(63,137,222,.18),transparent 18rem),linear-gradient(180deg,#173a60 0%,#102b49 100%)!important;border-color:rgba(88,159,238,.58)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important}
.input-panel .panel-header h2,.input-panel .group-title h3,.input-panel .field,.input-panel .stop-result span{color:#f4f8ff!important}
.input-panel .field{font-size:13px!important;line-height:1.35!important}
.input-panel .group-title h3{font-size:13px!important}
.input-panel .field small{color:#b9cce0!important;font-size:12px!important;line-height:1.45!important}
.input-panel input,.input-panel select{height:42px!important;padding:0 12px!important;color:#0a1f3e!important;background:#f8fbff!important;border-color:#8eb4dc!important;font-size:15px!important;font-weight:650!important;line-height:1!important}
.input-panel input:focus,.input-panel select:focus{border-color:#4da0ff!important;box-shadow:0 0 0 3px rgba(46,156,255,.18)!important}
.input-panel .input-with-suffix b{min-width:42px!important;height:42px!important;padding:0 10px!important;color:#173454!important;background:#dbe8f5!important;border-color:#8eb4dc!important;font-size:12px!important;font-weight:750!important}
.input-panel .panel-header,.input-panel .input-group+.input-group{border-color:rgba(132,180,231,.25)!important}
.input-panel .stop-result span{font-size:13px!important}
.input-panel .stop-result strong{color:#f4f8ff!important;background:rgba(5,24,45,.42)!important;border-color:rgba(116,174,235,.4)!important}
.input-panel .input-note{color:#c7dbf1!important;background:rgba(4,23,43,.34)!important;border-color:rgba(94,159,228,.38)!important;font-size:12px!important;line-height:1.5!important}
.group-icon{width:28px!important;height:28px!important}
.group-icon svg{width:18px!important;height:18px!important}
.input-note svg{width:17px!important;height:17px!important;flex-basis:17px!important}

/* Native number spinners: hidden at rest, subtle on hover/focus. */
.input-panel input[type="number"]{color-scheme:light!important}
.input-panel input[type="number"]::-webkit-inner-spin-button,
.input-panel input[type="number"]::-webkit-outer-spin-button{opacity:0!important;transition:opacity .16s ease!important}
.input-panel input[type="number"]:hover::-webkit-inner-spin-button,
.input-panel input[type="number"]:hover::-webkit-outer-spin-button,
.input-panel input[type="number"]:focus::-webkit-inner-spin-button,
.input-panel input[type="number"]:focus::-webkit-outer-spin-button{opacity:.42!important;filter:invert(1) brightness(2.15)!important}

/* Result panel */
.primary-result>span{font-size:12px!important}
.equation-row small,.secondary-card small{font-size:11.5px!important;line-height:1.35!important}
.secondary-card p{font-size:11.5px!important;line-height:1.45!important}
.result-note{font-size:12px!important;line-height:1.5!important}
.secondary-icon{width:31px!important;height:31px!important}
.secondary-icon svg{width:19px!important;height:19px!important}
.equation-symbol svg{width:18px!important;height:18px!important}

/* Supporting sections */
.dark-card h2{font-size:18px!important}
.step-icon{width:50px!important;height:50px!important}
.step-icon svg{width:26px!important;height:26px!important}
.step strong{font-size:14px!important}
.step p{font-size:12.5px!important;line-height:1.5!important}
.journal-copy p{font-size:14px!important;line-height:1.55!important}
.related-links strong{font-size:14px!important;line-height:1.3!important}
.related-links small{font-size:12.5px!important;line-height:1.45!important}
.tool-icon{width:34px!important;height:34px!important}
.tool-icon svg{width:20px!important;height:20px!important}
.related-links .link-arrow{width:16px!important;height:16px!important}
.large-icon{width:44px!important;height:44px!important}
.large-icon svg{width:24px!important;height:24px!important}
.embed-card p{font-size:13px!important;line-height:1.5!important}
.faq-card summary{font-size:14px!important;line-height:1.4!important}
.faq-card details p{font-size:13px!important;line-height:1.55!important}
.faq-card summary svg{width:15px!important;height:15px!important}
.preview-footer{font-size:11px!important;line-height:1.45!important}

/* Detailed calculation section */
.calculation-details{margin-top:16px!important;padding:24px!important}
.calculation-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.calculation-details-header h2{margin:5px 0 8px!important;font-size:21px!important}
.calculation-details-header p{max-width:720px;margin:0;color:#b9c9de;font-size:13.5px;line-height:1.55}
.calculation-eyebrow{color:#58adff;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.formula-card{min-width:0;padding:16px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;border:1px solid rgba(73,145,235,.24);border-radius:12px;background:linear-gradient(145deg,rgba(8,42,84,.76),rgba(4,24,52,.76))}
.formula-step{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(145deg,#1683ff,#075fce);box-shadow:0 0 18px rgba(22,131,255,.24)}
.formula-card h3{margin:0 0 7px;color:#fff;font-size:14px}
.formula-card code{display:block;padding:9px 10px;border:1px solid rgba(91,157,239,.18);border-radius:7px;color:#8cc7ff;background:rgba(1,13,31,.48);font-family:Consolas,"SFMono-Regular",monospace;font-size:12.5px;white-space:normal}
.formula-card p{margin:9px 0 0;color:#c7d4e6;font-size:13px;line-height:1.45}
.formula-card strong{color:#fff}
.calculation-limit{margin-top:14px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,190,67,.25);border-radius:9px;color:#d7e0ed;background:rgba(83,58,11,.15)}
.calculation-limit svg{width:18px;height:18px;flex:0 0 18px;color:#ffd15a}
.calculation-limit p{margin:0;font-size:12.5px;line-height:1.55}

@media(max-width:768px){
.hero-art-approved{width:78%!important;right:-18%!important;opacity:.42!important;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 24%,#000 100%)!important}
.dashboard-shot-approved{aspect-ratio:16/9}
.input-panel input,.input-panel select{height:44px!important;font-size:16px!important}
.input-panel .input-with-suffix b{height:44px!important}
.crumb,.trust-row,.flow-card small,.flow-card em{font-size:12px!important}
.calculation-details{padding:18px!important}
.calculation-details-header{gap:12px}
.calculation-details-header .large-icon{display:none}
.formula-grid{grid-template-columns:1fr}
.formula-card{grid-template-columns:32px minmax(0,1fr);padding:14px}
.related-card{overflow:hidden}
.related-card .related-links{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px;padding:2px 2px 10px!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.related-card .related-links::-webkit-scrollbar{display:none}
.related-card .related-links{scrollbar-width:none}
.related-card .related-links>a{flex:0 0 min(82vw,300px)!important;min-width:260px!important;min-height:116px!important;padding:18px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;gap:13px!important;align-items:center!important;scroll-snap-align:start;border:1px solid rgba(73,145,235,.24);border-radius:12px;background:linear-gradient(145deg,rgba(8,42,84,.76),rgba(4,24,52,.76));text-decoration:none}
.related-card .tool-icon{width:42px!important;height:42px!important}
.related-card .tool-icon svg{width:24px!important;height:24px!important}
.related-card .related-links strong{font-size:16px!important}
.related-card .related-links small{margin-top:4px;font-size:13px!important}
}