
.sh-sip-calculator{--sip-primary:#6c63ff;--sip-secondary:#00e5ff;--sip-bg:#070b18;--sip-panel:#0c1226;--sip-text:#f6f7ff;--sip-muted:#aab1c8;--sip-border:rgba(255,255,255,.10);max-width:1120px;margin:28px auto;padding:0 16px;color:var(--sip-text);font-family:inherit}
.sh-sip-calculator *{box-sizing:border-box}
.sh-sip-hero{text-align:center;max-width:800px;margin:0 auto 22px}
.sh-sip-badge{display:inline-block;border:1px solid rgba(0,229,255,.25);background:rgba(0,229,255,.06);color:var(--sip-secondary);padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em}
.sh-sip-hero h2{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:11px 0 8px;color:var(--sip-text)}
.sh-sip-hero p,.sh-sip-panel-heading p{color:var(--sip-muted);margin:0}
.sh-sip-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:18px}
.sh-sip-panel{background:linear-gradient(145deg,rgba(12,18,38,.98),rgba(8,13,29,.98));border:1px solid var(--sip-border);border-radius:20px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.18)}
.sh-sip-panel-heading h3{margin:0 0 4px;font-size:21px;color:var(--sip-text)}
.sh-sip-panel-heading{margin-bottom:20px}
.sh-sip-field{margin-bottom:20px}
.sh-sip-field>label{display:block;font-size:14px;font-weight:800;margin-bottom:8px;color:var(--sip-text)}
.sh-sip-input-wrap{display:flex;align-items:center;border:1px solid var(--sip-border);background:#070b18;border-radius:11px;overflow:hidden}
.sh-sip-input-wrap span{padding:0 13px;color:var(--sip-muted);font-weight:700}
.sh-sip-input-wrap input{width:100%;border:0!important;background:transparent!important;color:var(--sip-text)!important;box-shadow:none!important;padding:13px 0!important;font-size:16px!important;outline:none}
.sh-sip-field input[type=range]{width:100%;margin:10px 0 0;accent-color:var(--sip-primary)}
.sh-sip-field-hint{display:flex;justify-content:space-between;color:var(--sip-muted);font-size:11px;margin-top:3px}
.sh-sip-field-hint strong{color:var(--sip-secondary);font-size:12px}
.sh-sip-actions{display:flex;gap:10px;margin-top:8px}
.sh-sip-actions button{border:0;border-radius:11px;padding:12px 17px;font-weight:800;cursor:pointer;font-size:14px}
.sh-sip-primary{background:linear-gradient(135deg,#6c63ff,#8b5cf6);color:#fff}
.sh-sip-reset{background:#161d36;color:#e7eaff;border:1px solid var(--sip-border)!important}
.sh-sip-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sh-sip-result-card{padding:14px;border:1px solid var(--sip-border);border-radius:14px;background:#080d1d}
.sh-sip-result-card span{display:block;color:var(--sip-muted);font-size:12px;margin-bottom:3px}
.sh-sip-result-card strong{font-size:21px;color:var(--sip-text);word-break:break-word}
.sh-sip-result-total{grid-column:1/-1;border-color:rgba(0,229,255,.23);background:linear-gradient(135deg,rgba(108,99,255,.14),rgba(0,229,255,.06))}
.sh-sip-result-total strong{font-size:30px}
.sh-sip-progress{height:11px;background:#151b2d;border-radius:999px;overflow:hidden;display:flex;margin:17px 0 7px}
.sh-sip-progress span{display:block;height:100%}
.sh-sip-progress span:first-child{background:#6c63ff}
.sh-sip-progress span:last-child{background:#00e5ff}
.sh-sip-legend{display:flex;justify-content:space-between;color:var(--sip-muted);font-size:11px}
.sh-sip-table-wrap{overflow:auto;margin-top:17px;max-height:310px;border:1px solid var(--sip-border);border-radius:12px}
.sh-sip-table{width:100%;border-collapse:collapse;font-size:12px}
.sh-sip-table th,.sh-sip-table td{padding:9px 10px;border-bottom:1px solid var(--sip-border);text-align:right;white-space:nowrap}
.sh-sip-table th:first-child,.sh-sip-table td:first-child{text-align:left}
.sh-sip-table th{color:#e3e7fa;background:#0b1124;position:sticky;top:0}
.sh-sip-disclaimer{margin-top:17px;padding:13px 15px;border-left:3px solid var(--sip-secondary);background:rgba(0,229,255,.045);border-radius:8px;color:var(--sip-muted);font-size:13px}
.sh-sip-seo-content{max-width:950px;margin:35px auto 0}
.sh-sip-seo-content h2{font-size:26px;margin:30px 0 9px;color:var(--sip-text)}
.sh-sip-seo-content p,.sh-sip-seo-content li{color:var(--sip-muted)}
/* SkillHost theme-safe SEO links: keep internal/external links visibly clickable. */
.sh-sip-single-page .sh-sip-seo-content p a,
.sh-sip-single-page .sh-sip-seo-content li a,
.sh-sip-seo-content a {
	color: #00a8e8 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	font-weight: 700 !important;
	opacity: 1 !important;
}
.sh-sip-single-page .sh-sip-seo-content p a:hover,
.sh-sip-single-page .sh-sip-seo-content li a:hover,
.sh-sip-seo-content a:hover {
	color: #6c63ff !important;
	text-decoration: underline !important;
}
.sh-sip-seo-content .sh-sip-faq details{border:1px solid var(--sip-border);border-radius:12px;padding:12px 14px;margin:9px 0;background:#090e20}
.sh-sip-seo-content .sh-sip-faq details > summary,
.sh-sip-seo-content .sh-sip-faq details > summary:hover,
.sh-sip-seo-content .sh-sip-faq details[open] > summary{cursor:pointer;font-weight:800;color:#f6f7ff !important;background:transparent !important;text-shadow:none !important;opacity:1 !important}
.sh-sip-seo-content .sh-sip-faq details > summary::marker{color:#00e5ff !important}
.sh-sip-seo-content .sh-sip-faq details > summary::-webkit-details-marker{color:#00e5ff !important}
.sh-sip-seo-content .sh-sip-faq details > p{color:#aab1c8 !important}

@media(max-width:820px){.sh-sip-layout{grid-template-columns:1fr}.sh-sip-result-panel{order:2}}
@media(max-width:520px){.sh-sip-calculator{padding:0 10px;margin-top:18px}.sh-sip-panel{padding:16px;border-radius:16px}.sh-sip-result-card strong{font-size:18px}.sh-sip-result-total strong{font-size:26px}.sh-sip-legend{font-size:10px}.sh-sip-actions button{flex:1}.sh-sip-seo-content h2{font-size:23px}}

.sh-sip-single-page .sh-content-wrap{max-width:1180px}
.sh-sip-tool-header{text-align:center;max-width:900px;margin:0 auto 8px;padding:12px 0 4px}
.sh-sip-tool-header h1{margin:7px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.1}
.sh-sip-tool-subtitle{max-width:820px;margin:0 auto;color:#aab1c8}
.sh-sip-entry-content{width:100%}
