/*
 * Solvory Open-Canvas Workspace V22
 * Applies only to individual tool pages; scoped under .sv-calc-page.
 * Unboxes all 158 interactive workspace families without changing any
 * calculator, converter, PDF, image or form implementation.
 */
.sv-calc-page{
 --sv22-ink:#22243d;
 --sv22-violet:#6854db;
 --sv22-lav:#eee9ff;
 --sv22-border:#e7e3f1;
 --sv22-secondary:#77758e;
 --sv22-radius:22px;
 background:linear-gradient(180deg,#fbfaff 0%,#fff 450px,#fdfcff 100%)!important;
}
.sv-calc-page .sv-calc-hero,
.sv-calc-page .sv-calc-hero.sv-premium-hero{
 background:
  radial-gradient(ellipse 60% 120% at 98% 0%,#c3b5fa60,transparent 74%),
  radial-gradient(ellipse 45% 110% at 0% 90%,#d7e8fa70,transparent 76%),
  linear-gradient(133deg,#fbfaff,#f4f0ff 64%,#fff)!important;
 padding:clamp(38px,4vw,57px) 0 clamp(34px,3.6vw,49px)!important;
 border-bottom:1px solid #e8e0f6!important;
}
.sv-calc-page .sv-calc-hero>.sv-calc-wrap{
 max-width:1480px!important;
 width:calc(100% - 70px)!important;
}
.sv-calc-page .sv-calc-hero h1{
 font-size:clamp(41px,4.7vw,70px)!important;
 max-width:1150px!important;
 margin:17px 0 14px!important;
}
.sv-calc-page .sv-calc-hero h1 span{font-weight:770!important}
.sv-calc-page .sv-calc-hero p{max-width:850px!important}
.sv-calc-page .sv-calc-hero-points{margin-top:19px!important}
.sv-calc-page .sv-calc-hero-points>span{border-radius:99px!important;padding:8px 12px!important;min-height:33px!important}
/* Main workspace is the page, not a rectangle inside a narrow article column. */
.sv-calc-page .sv-calc-wrap.sv-calc-content{
 max-width:1530px!important;
 width:calc(100% - 62px)!important;
 margin:0 auto!important;
 padding:clamp(18px,2.8vw,37px) 0 95px!important;
 background:transparent!important;
}
.sv-calc-page .sv-calc-grid-layout{
 display:block!important;
 grid-template-columns:none!important;
 max-width:none!important;
 width:100%!important;
}
.sv-calc-page .sv-calc-primary{
 display:block!important;
 max-width:100%!important;
 width:100%!important;
 min-width:0!important;
}
/* All waves (1–15) lose the nested-box border and oversized artificial shadow. */
.sv-calc-page .sv-calc-primary :is(
 .sc-shell,.sv6-studio,.svp-shell,.sv9-shell,.sv10-shell,.sv11-app,
 .sv12-app,.s13-studio,.sv14-root,.w15-root
){
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:transparent!important;
 max-width:100%!important;
 width:100%!important;
}
/* Horizontal studio mastheads form true page sections rather than inner windows. */
.sv-calc-page .sv-calc-primary :is(
 .sc-toolbar,.sv6-overline,.svp-topline,.sv9-darkbar,.sv10-top,
 .sv11-bar,.sv12-top,.s13-bar,.sv14-tool-head,.w15-head
){
 background:linear-gradient(116deg,#191b35 0%,#302653 55%,#584080 100%)!important;
 border-radius:18px 18px 0 0!important;
 box-shadow:none!important;
 color:#fff!important;
}
.sv-calc-page .sv-calc-primary :is(
 .sc-intro,.sv6-banner,.svp-banner,.sv9-heading,.sv10-hero,
 .sv11-hero,.sv12-hero,.s13-apphero
){
 background:linear-gradient(130deg,#fff,#faf8ff)!important;
}
/* Wave 15 — specially open, airy input/results canvas. */
.sv-calc-page .w15-root{overflow:visible!important}
.sv-calc-page .w15-head{
 padding:clamp(22px,3.2vw,39px)!important;
 border-radius:22px!important;
 margin:0!important;
 min-height:153px;
 box-shadow:0 17px 36px #27174e25!important;
}
.sv-calc-page .w15-head h2{
 font-size:clamp(27px,3.2vw,42px)!important;
 letter-spacing:-.058em!important;line-height:1.16!important;
}
.sv-calc-page .w15-head p{font-size:clamp(12px,1.1vw,15px)!important}
.sv-calc-page .w15-strip{
 margin:14px 0 19px!important;
 padding:8px 2px!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
}
.sv-calc-page .w15-layout{
 display:grid!important;
 grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
 gap:clamp(13px,2.1vw,26px)!important;
 align-items:start!important;
 border:0!important;
 background:transparent!important;
}
.sv-calc-page .w15-panel{
 border:1px solid #e8e1f4!important;
 border-radius:21px!important;
 padding:clamp(19px,2.9vw,35px)!important;
 box-shadow:0 14px 32px rgba(37,26,75,.068)!important;
 min-height:350px!important;
 min-width:0!important;
 overflow-wrap:anywhere;
}
.sv-calc-page .w15-input-panel{background:#fff!important}
.sv-calc-page .w15-results-panel{
 background:linear-gradient(147deg,#f8f6ff,#f1eefb 78%,#fff)!important;
}
.sv-calc-page .w15-panel h3{font-size:clamp(23px,2.1vw,30px)!important;margin-bottom:19px!important}
.sv-calc-page .w15-drop{
 min-height:187px!important;
 border:2px dashed #baaaef!important;
 border-radius:17px!important;
 background:radial-gradient(ellipse at 50% 0%,#e6ddff,#faf8ff 70%)!important;
}
.sv-calc-page .w15-field :is(input,select),.sv-calc-page .w15-placement :is(input,select){
 min-height:48px!important;border-radius:12px!important;
}
.sv-calc-page .w15-run{
 min-height:51px!important;
 background:linear-gradient(120deg,#544be4,#8765ed)!important;
 box-shadow:0 10px 22px #5343cf33!important;
}
.sv-calc-page .w15-summary,.sv-calc-page .w15-empty{
 border-radius:17px!important;
}
.sv-calc-page .w15-download{min-height:49px!important;border-radius:12px!important}
/* Wave 13, 12 and older dual-pane tools get space to breathe. */
.sv-calc-page :is(.s13-layout,.sv12-layout,.sv9-layout,.sv10-layout,.sv6-layout,.sc-work,.sv11-layout,.svp-layout){
 gap:clamp(0px,1vw,12px)!important;
}
.sv-calc-page :is(.s13-left,.s13-right,.sv12-input,.sv12-output,.sv9-left,.sv9-right,
 .sv10-left,.sv10-right,.sv6-workspace,.sv6-queue,.svp-left,.svp-right){
 min-width:0!important;
}
.sv-calc-page .sv-calc-primary :is(.s13-right,.sv12-output,.sv9-right,.sv10-right,.sc-results){
 background:linear-gradient(145deg,#faf8ff,#f6f4ff)!important;
}
/* Lift common tool controls, not their logic. */
.sv-calc-page .sv-calc-primary :is(.sc-calc,.sv11-run,.sv12-run,.s13-go,.sv14-run,.w15-run,.sv10-run){
 font-family:"Solvory DM Sans",system-ui,sans-serif!important;
 font-weight:850!important;
 letter-spacing:-.015em!important;
 border-radius:13px!important;
}
.sv-calc-page .sv-calc-primary :is(.sc-stat,.s13-metric,.sv14-metric,.w15-summary,.sv11-result,.sv12-outrow){
 border-radius:14px!important;
}
.sv-calc-page .sv-calc-primary :is(input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
 textarea,select){
 color:#272342!important;
 background-color:#fff!important;
}
/* A clear, useful tool navigation immediately after the hero. */
.sv-calc-page .sv22-actions{
 width:100%!important;
 background:#fff!important;
 border-bottom:1px solid #e8e1f3!important;
 box-shadow:0 5px 18px rgba(42,28,82,.04)!important;
 padding:14px max(31px,calc((100vw - 1480px)/2))!important;
 color:#2e2b44!important;
}
.sv-calc-page .sv22-actions-wrap{
 max-width:1480px!important;margin:0 auto!important;
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 gap:9px!important;
}
.sv-calc-page .sv22-actions-label{
 display:inline-flex!important;align-items:center!important;gap:9px!important;
 font:900 10px/1.4 "Solvory DM Sans",system-ui,sans-serif!important;
 letter-spacing:.11em!important;color:#8370a4!important;
 padding-right:13px!important;
}
.sv-calc-page .sv22-actions-label:before{
 content:"";width:8px;height:8px;border-radius:50%;background:#52c69c;
 box-shadow:0 0 0 4px #52c69c22;
}
.sv-calc-page .sv22-actions :is(a,button,summary){
 appearance:none;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;
 min-height:42px!important;padding:10px 14px!important;
 background:#f6f3ff!important;border:1px solid #e6def4!important;
 color:#6350a7!important;-webkit-text-fill-color:#6350a7!important;
 border-radius:11px!important;
 font:800 11px/1.35 "Solvory DM Sans",system-ui,sans-serif!important;
 text-decoration:none!important;white-space:nowrap!important;
 cursor:pointer!important;transition:background-color .17s,border-color .17s!important;
}
.sv-calc-page .sv22-actions :is(a,button,summary):hover{
 background:#eae3ff!important;border-color:#baa7e8!important;
}
.sv-calc-page .sv22-actions a.sv22-primary{
 background:linear-gradient(110deg,#554ae1,#7860e9)!important;
 border-color:#6854de!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 box-shadow:0 6px 15px #6d54ca27!important;
}
.sv-calc-page .sv22-actions a.sv22-primary:hover{
 background:linear-gradient(110deg,#6254ee,#866ff0)!important;
}
.sv-calc-page .sv22-actions button[aria-pressed="true"]{
 background:#e8f8f0!important;color:#25694b!important;-webkit-text-fill-color:#25694b!important;
 border-color:#b8ead0!important;
}
.sv-calc-page .sv22-favorites{position:relative!important}
.sv-calc-page .sv22-favorites>summary{list-style:none!important}
.sv-calc-page .sv22-favorites>summary::-webkit-details-marker{display:none}
.sv-calc-page .sv22-favorites-panel{
 position:absolute;top:calc(100% + 9px);right:0;z-index:65;
 width:min(310px,calc(100vw - 30px));
 padding:12px;background:#fff;border:1px solid #e2d9f2;
 border-radius:14px;box-shadow:0 18px 38px #2c205c2b;
}
.sv-calc-page .sv22-favorites-panel strong{
 display:block;margin:4px 4px 8px!important;color:#2b2642!important;
 font:850 13px/1.4 "Solvory Manrope",system-ui,sans-serif!important;
}
.sv-calc-page .sv22-favorites-panel a{
 display:block!important;margin:4px 0!important;max-width:100%!important;
 min-height:40px!important;white-space:normal!important;text-align:left!important;
 justify-content:flex-start!important;
}
.sv-calc-page .sv22-favorites-panel p{
 margin:10px 4px;color:#7b718d;font-size:11px;line-height:1.6;
}
.sv-calc-page .sv22-feedback{
 flex:1 1 160px;font:750 10px/1.4 "Solvory DM Sans",system-ui,sans-serif!important;
 color:#6d6186;min-height:12px;
}
.sv-calc-page #sv22-workspace{display:block!important;height:0!important;scroll-margin-top:115px}
.sv-calc-page .sv-calc-article{
 max-width:100%!important;
 margin-top:0!important;
 padding:clamp(45px,5vw,75px) 0 0!important;
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(12px,1.8vw,23px)!important;
 align-items:start!important;
}
.sv-calc-page .sv-calc-article>section{
 margin:0!important;
 height:100%!important;
 padding:clamp(23px,2.4vw,37px)!important;
 border-radius:21px!important;
 box-shadow:0 8px 27px #3e2d770b!important;
}
.sv-calc-page .sv-calc-article>section:has(>h2:first-child) h2{
 font-size:clamp(21px,2.05vw,29px)!important;
 line-height:1.3!important;
}
.sv-calc-page .sv-calc-article>section:has(details),
.sv-calc-page .sv-calc-article>section:has(table){
 grid-column:1/-1!important;
 height:auto!important;
}
.sv-calc-page .sv-calc-related{
 grid-column:1/-1!important;
 width:100%!important;
 margin:4px 0 0!important;
}
.sv-calc-page .sv-calc-aside{
 display:block!important;position:static!important;
 margin:23px 0 0!important;
 width:100%!important;max-width:100%!important;
}
.sv-calc-page .sv-calc-aside-box{
 padding:19px 24px!important;
 border-radius:18px!important;
}
.sv-calc-page .sv-calc-aside h3{margin-bottom:11px!important}
.sv-calc-page .sv-calc-aside a{
 display:inline-flex!important;margin-right:22px!important;
 min-height:40px!important;vertical-align:top!important;
 border:0!important;border-bottom:1px solid #e7dcf5!important;
}
.sv-calc-page .sv-calc-aside p{margin:13px 0 0!important}
@media(max-width:980px){
 .sv-calc-page .sv-calc-hero>.sv-calc-wrap{width:calc(100% - 40px)!important}
 .sv-calc-page .sv-calc-wrap.sv-calc-content{width:calc(100% - 34px)!important}
 .sv-calc-page .sv-calc-article{grid-template-columns:1fr!important}
 .sv-calc-page .sv-calc-article>section:has(details),
 .sv-calc-page .sv-calc-article>section:has(table){grid-column:auto!important}
 .sv-calc-page .sv-calc-aside{display:none!important}
 .sv-calc-page .w15-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 .sv-calc-page .w15-panel{min-height:0!important}
 .sv-calc-page :is(.s13-layout,.sv12-layout,.sv9-layout,.sv10-layout,.sv6-layout,.sc-work,.sv11-layout,.svp-layout){
  grid-template-columns:minmax(0,1fr)!important;
 }
}
@media(max-width:600px){
 .sv-calc-page .sv-calc-hero,.sv-calc-page .sv-calc-hero.sv-premium-hero{
  padding:29px 0 34px!important;
 }
 .sv-calc-page .sv-calc-hero>.sv-calc-wrap{width:calc(100% - 30px)!important}
 .sv-calc-page .sv-calc-breadcrumb{margin-bottom:13px!important;font-size:9px!important}
 .sv-calc-page .sv-calc-hero h1{
  font-size:clamp(30px,8.5vw,42px)!important;line-height:1.1!important;
  margin:14px 0 11px!important;letter-spacing:-.065em!important;
 }
 .sv-calc-page .sv-calc-hero h1 span{font-weight:770!important}
 .sv-calc-page .sv-calc-hero p{font-size:12.6px!important;line-height:1.7!important}
 .sv-calc-page .sv-calc-hero-points{gap:7px!important;margin-top:15px!important}
 .sv-calc-page .sv-calc-hero-points>span{min-height:35px!important;padding:7px!important;font-size:9px!important}
 .sv-calc-page .sv22-actions{padding:11px 12px!important}
 .sv-calc-page .sv22-actions-wrap{gap:6px!important}
 .sv-calc-page .sv22-actions-label{width:100%!important;padding:0 0 3px!important;font-size:9px!important}
 .sv-calc-page .sv22-actions :is(a,button,summary){min-height:42px!important;padding:10px!important;font-size:10px!important}
 .sv-calc-page .sv22-feedback{flex:1 1 100%!important}
 .sv-calc-page .sv-calc-wrap.sv-calc-content{
  width:calc(100% - 22px)!important;padding:15px 0 52px!important;
 }
 .sv-calc-page .w15-head{padding:21px 16px!important;min-height:0!important;border-radius:17px!important}
 .sv-calc-page .w15-head h2{font-size:clamp(23px,6vw,30px)!important}
 .sv-calc-page .w15-security{white-space:normal!important;font-size:9px!important}
 .sv-calc-page .w15-strip{margin:8px 0 10px!important}
 .sv-calc-page .w15-panel{padding:18px 14px!important;border-radius:17px!important}
 .sv-calc-page .w15-panel h3{font-size:22px!important}
 .sv-calc-page .w15-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .sv-calc-page .w15-drop{min-height:159px!important;padding:12px!important}
 .sv-calc-page .w15-file-row{flex-wrap:wrap!important}
 .sv-calc-page .w15-actions button{min-height:46px!important}
 .sv-calc-page .sv-calc-article{padding:35px 0 0!important;gap:11px!important}
 .sv-calc-page .sv-calc-article>section{padding:18px 16px!important;border-radius:17px!important}
 .sv-calc-page .sv-calc-related{margin:0!important}
}
@media(max-width:390px){
 .sv-calc-page .w15-fields{grid-template-columns:1fr!important}
 .sv-calc-page .w15-field:has(input[type=text]){grid-column:1!important}
}
@media(prefers-reduced-motion:reduce){
 .sv-calc-page .sv22-actions :is(a,button,summary){transition:none!important}
}