:root{--ls-bg:#071426;--ls-panel:#0d2039;--ls-panel2:#102945;--ls-text:#f7fbff;--ls-muted:#c8d7e8;--ls-line:#385572}
*{box-sizing:border-box}.ls-v2-final{--accent:#38bdf8;--accent2:#2563eb;margin:0!important;background:radial-gradient(circle at 50% 0, color-mix(in srgb,var(--accent) 20%, transparent),transparent 35%),linear-gradient(180deg,#071426,#08182d 52%,#061325)!important;color:var(--ls-text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;min-height:100vh}.ls-v2-final a{color:inherit}.ls-suite-shell{width:min(1180px,calc(100% - 36px));margin:auto}.ls-suite-header{height:78px;background:rgba(5,18,38,.96);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,#29435e);position:relative;z-index:50}.ls-suite-header .ls-suite-shell{height:100%;display:flex;align-items:center;gap:18px}.ls-suite-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.ls-suite-brand img{width:44px;height:44px}.ls-suite-brand-text{line-height:1}.ls-suite-brand-text b{font-size:1.25rem}.ls-suite-brand-text b span{color:#49b8ff}.ls-suite-brand-text small{display:block;color:#b8c9db;margin-top:6px;font-size:.68rem}.ls-suite-nav{margin-left:auto;display:flex;gap:8px;position:relative}.ls-compact-btn{height:34px;padding:0 12px;border:1px solid #49688f;border-radius:7px;background:#182d54;color:#fff;font-weight:750;font-size:.76rem;display:inline-flex;align-items:center;gap:7px;text-decoration:none;cursor:pointer}.ls-compact-btn:hover{background:#203a68}.ls-tools-menu{position:absolute;right:88px;top:42px;width:210px;padding:7px;background:#0a1b34;border:1px solid #49688f;border-radius:10px;box-shadow:0 14px 30px #0009;display:none}.ls-tools-menu.open{display:block}.ls-tools-menu a{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;text-decoration:none;font-size:.78rem}.ls-tools-menu a:hover,.ls-tools-menu a.current{background:color-mix(in srgb,var(--accent) 30%,#183050)}.ls-tools-menu img{width:22px;height:22px}.ls-suite-hero{min-height:250px;display:grid;place-items:center;text-align:center;padding:22px 18px 18px;position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#0b1c34),#0a1b31 70%)}.ls-suite-hero:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-40px;height:135px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,#123154);transform:rotate(-4deg)}.ls-suite-hero-inner{position:relative;z-index:1}.ls-suite-hero img{width:104px;height:104px;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 70%,transparent))}.ls-suite-hero h1{font-size:2.35rem;line-height:1;margin:10px 0 8px;color:#fff!important;letter-spacing:-.035em}.ls-suite-hero h1 span{color:var(--accent)}.ls-suite-hero p{margin:0;color:#d6e4f2;font-size:.94rem}.ls-v2-final > header:not(.ls-suite-header),.ls-v2-final > footer:not(.ls-suite-footer),.ls-v2-final > div:not([hidden]) header,.ls-v2-final > div:not([hidden]) footer{display:none!important}
.ls-v2-final main{width:min(1180px,calc(100% - 36px))!important;max-width:1180px!important;margin:0 auto!important;padding:24px 0 34px!important;background:transparent!important;color:var(--ls-text)!important}.ls-v2-final main :is(section,article,aside,.card,.group,.result,.solver,.input-card,.result-card,.summary,.ww-card,.ww-results,.ww-guide-grid>article){border-color:color-mix(in srgb,var(--accent) 42%,#34516f)!important}.ls-v2-final main :is(.card,.group,.result,.solver,.input-card,.result-card,.summary,.page-card,.tip,.safety,.steps article,.ww-card,.ww-results,.ww-guide-grid>article){background:linear-gradient(145deg,rgba(14,35,61,.97),rgba(10,27,49,.97))!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}.ls-v2-final main :is(h1,h2,h3,strong,label,dt){color:#fff!important}.ls-v2-final main :is(p,small,.dek,.intro,.fine,.subtitle){color:#c8d7e8!important}.ls-v2-final main input,.ls-v2-final main select,.ls-v2-final main textarea{background:#f7fafc!important;color:#16253d!important;border:1px solid #cbd8e6!important;border-radius:7px!important}.ls-v2-final main button,.ls-v2-final main .button{border-radius:7px!important}.ls-v2-final main button:not(.secondary):not([disabled]),.ls-v2-final main .primary,.ls-v2-final main .button.primary{background:linear-gradient(90deg,var(--accent),var(--accent2))!important;color:#061427!important;border-color:var(--accent)!important;font-weight:800!important}.ls-v2-final main .secondary,.ls-v2-final main button.secondary{background:#17304e!important;color:#fff!important;border-color:#496886!important}.ls-v2-final main .eyebrow,.ls-v2-final main .kicker{color:var(--accent)!important}.ls-v2-final .legacy-title-hide{display:none!important}
.ls-suite-footer{background:#06152b;border-top:1px solid color-mix(in srgb,var(--accent) 32%,#2f4e6b);padding:22px 0;color:#d8e4f0}.ls-suite-footer-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ls-suite-footer .ls-suite-brand{margin-right:auto}.ls-suite-socials{display:flex;gap:9px;align-items:center}.ls-social-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#163356;border:1px solid #4a6684;text-decoration:none;font-size:.84rem;font-weight:900}.ls-social-btn.disabled{opacity:.42;pointer-events:none}.ls-coffee{border-radius:7px;width:auto;padding:0 10px}.ls-suite-legal{display:flex;gap:12px;font-size:.72rem}.ls-suite-legal a{text-decoration:none;color:#d1deea}.ls-suite-footer-note{width:100%;padding-top:12px;border-top:1px solid #ffffff16;font-size:.68rem;color:#9fb2c7;display:flex;justify-content:space-between}.ls-next-export main>p:first-child,.ls-next-export main>h1:first-of-type,.ls-next-export main>h1:first-of-type+p{display:none!important}
/* Hide legacy hero/title copy while retaining functional controls */
.ls-classic:not(.ls-budgetwise) main>.hero .intro>h1,.ls-classic:not(.ls-budgetwise) main>.hero .intro>.eyebrow,.ls-classic:not(.ls-budgetwise) main>.hero .intro>p,.ls-classic:not(.ls-budgetwise) main>.hero .intro>small,.ls-classic:not(.ls-budgetwise) main>.intro>div:first-child{display:none!important}.ls-budgetwise .bw-hero{display:none!important}
@media(max-width:720px){.ls-suite-header{height:auto;min-height:72px;padding:10px 0}.ls-suite-brand-text small{display:none}.ls-suite-brand-text b{font-size:1rem}.ls-suite-brand img{width:38px;height:38px}.ls-compact-btn{padding:0 9px}.ls-tools-menu{right:82px}.ls-suite-hero{min-height:215px}.ls-suite-hero img{width:88px;height:88px}.ls-suite-hero h1{font-size:2rem}.ls-suite-footer-inner{align-items:flex-start}.ls-suite-legal{width:100%;flex-wrap:wrap}}
.ls-dashboard{display:grid;gap:16px}.ls-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ls-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ls-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ls-dash-card{padding:18px;background:linear-gradient(145deg,rgba(15,39,66,.97),rgba(9,27,49,.97));border:1px solid color-mix(in srgb,var(--accent) 45%,#385572);border-radius:12px}.ls-dash-card h2{margin:0 0 13px!important;font-size:1rem!important;color:var(--accent)!important}.ls-field{display:grid;gap:6px}.ls-field label{font-size:.72rem;font-weight:750;color:#dbe8f4!important}.ls-field input,.ls-field select{height:40px;width:100%;padding:0 10px}.ls-stat{min-height:90px;padding:14px 16px;background:color-mix(in srgb,var(--accent) 12%,#0c2542);border:1px solid color-mix(in srgb,var(--accent) 52%,#3c5673);border-radius:11px;display:flex;flex-direction:column;justify-content:center}.ls-stat span{font-size:.7rem;font-weight:750;color:var(--accent)}.ls-stat strong{font-size:1.55rem;line-height:1.1;margin-top:5px;color:#fff!important}.ls-stat small{margin-top:5px;color:#bbccdd!important}.ls-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ls-actions button{height:42px;background:#16304f!important;color:#fff!important;border:1px solid #486886!important;font-weight:750}.ls-actions button:first-child{background:linear-gradient(90deg,var(--accent),var(--accent2))!important;color:#071426!important;border-color:var(--accent)!important}.ls-tip{padding:15px 18px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 42%,#385572);background:color-mix(in srgb,var(--accent) 10%,#0c2641);display:flex;gap:12px;align-items:flex-start}.ls-tip b{color:var(--accent)!important}.ls-tip p{margin:4px 0 0!important;font-size:.82rem}.ls-progress{height:9px;border-radius:20px;background:#ffffff18;overflow:hidden}.ls-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0}.ls-table{width:100%;border-collapse:collapse}.ls-table th,.ls-table td{padding:9px;border-bottom:1px solid #ffffff14;text-align:left;font-size:.78rem}.ls-table th{color:var(--accent)}.ls-table input{height:34px!important}.ls-inline{display:flex;gap:8px;align-items:center}.ls-inline>*{flex:1}.ls-mini-btn{flex:0 0 auto!important;width:auto!important;padding:0 12px!important;height:34px!important}.ls-result-big{font-size:2.2rem!important;color:var(--accent)!important}.ls-note{font-size:.72rem;color:#9fb2c7!important}.ls-hidden{display:none!important}
@media(max-width:760px){.ls-grid-2,.ls-grid-3,.ls-grid-4{grid-template-columns:1fr}.ls-actions{grid-template-columns:1fr 1fr}.ls-table{display:block;overflow-x:auto}}


/* === V2 P1 defect correction pass 2026-09-04 === */
/* P1-014: shallower shared chrome with tighter hero spacing */
.ls-suite-header{height:64px!important}
.ls-suite-brand img{width:38px!important;height:38px!important}
.ls-suite-brand-text b{font-size:1.15rem!important}
.ls-suite-brand-text small{margin-top:4px!important;font-size:.64rem!important}
.ls-suite-hero{min-height:190px!important;padding:12px 18px 10px!important}
.ls-suite-hero img{width:82px!important;height:82px!important}
.ls-suite-hero h1{font-size:2.08rem!important;margin:5px 0 5px!important}
.ls-suite-hero p{font-size:.88rem!important}
.ls-suite-hero:before{bottom:-60px!important;height:110px!important}
.ls-suite-footer{padding:14px 0!important}
.ls-suite-footer-note{padding-top:8px!important}

/* P1-001 plus consistent active Home control */
.ls-suite-nav .ls-compact-btn{opacity:1!important;filter:none!important;color:#fff!important;background:#182d54!important}
.ls-suite-nav .ls-compact-btn:visited{color:#fff!important}
.ls-suite-nav .ls-compact-btn:hover,.ls-suite-nav .ls-compact-btn:focus-visible{background:#294b80!important;border-color:color-mix(in srgb,var(--accent) 65%,#49688f)!important;transform:translateY(-1px);box-shadow:0 5px 14px #0004;outline:none}

/* P1-008,009,011: standard rollover treatment for all interactive page buttons */
.ls-v2-final main button:not(:disabled){cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease!important}
.ls-v2-final main button:not(:disabled):hover,.ls-v2-final main button:not(:disabled):focus-visible{transform:translateY(-2px)!important;filter:brightness(1.12)!important;box-shadow:0 7px 18px rgba(0,0,0,.28)!important;outline:2px solid color-mix(in srgb,var(--accent) 70%,white)!important;outline-offset:2px!important}
.ls-v2-final main button:not(:disabled):active{transform:translateY(0)!important}

/* P1-002: Quick QR generator card should fit its content, not retain legacy hero depth */
body[data-tool="QuickQR"] main>.hero{display:block!important;min-height:0!important;padding:0!important;margin:0 auto 16px!important;max-width:100%!important}
body[data-tool="QuickQR"] main>.hero>.intro{display:none!important}
body[data-tool="QuickQR"] main>.hero>.card{width:100%!important;max-width:none!important;margin:0!important;padding:18px 20px!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
body[data-tool="QuickQR"] main>.hero>.card label{margin-bottom:7px!important}
body[data-tool="QuickQR"] main>.hero>.card textarea{min-height:92px!important}
body[data-tool="QuickQR"] main>.hero>.card .warning{margin:8px 0!important}
body[data-tool="QuickQR"] main>.hero>.card .primary{padding:12px!important}
body[data-tool="QuickQR"] main>.hero>.card .status{min-height:0!important;margin:5px 0 0!important}

/* P1-003: Decortastic action spacing */
body[data-tool="Decortastic"] .summary #recalculate,
body[data-tool="Decortastic"] .summary #clearValues{display:block!important;width:100%!important;margin:0!important}
body[data-tool="Decortastic"] .summary #clearValues{margin-top:12px!important}

/* P1-006: Datefully result pane alignment and containment */
body[data-tool="Datefully"] .workspace{align-items:stretch!important}
body[data-tool="Datefully"] .result-card{overflow:hidden!important;min-width:0!important;position:static!important;display:flex!important;flex-direction:column!important}
body[data-tool="Datefully"] .result-card #answer{font-family:Inter,Segoe UI,Arial,sans-serif!important;font-size:clamp(1.55rem,3vw,2.25rem)!important;line-height:1.15!important;margin:8px 0!important;overflow-wrap:anywhere!important;word-break:normal!important}
body[data-tool="Datefully"] .result-card #subtitle{margin:0 0 12px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
body[data-tool="Datefully"] .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:8px!important;min-width:0!important}
body[data-tool="Datefully"] .stats>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;padding:11px 12px!important;border:1px solid color-mix(in srgb,var(--accent) 38%,#385572)!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important}
body[data-tool="Datefully"] .stats>div span{font-size:.68rem!important;font-weight:800!important;color:var(--accent)!important;white-space:normal!important}
body[data-tool="Datefully"] .stats>div strong{display:block!important;font-size:1rem!important;line-height:1.25!important;text-align:left!important;overflow-wrap:anywhere!important;min-width:0!important}
body[data-tool="Datefully"] .result-card .actions{margin-top:auto!important;padding-top:14px!important}

/* P1-007: Unit Switch result pane hierarchy/alignment */
body[data-tool="UnitSwitch"] .ls-dash-card:has(#result){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:22px!important;padding:20px 22px!important}
body[data-tool="UnitSwitch"] .ls-dash-card:has(#result) .ls-note{font-size:.86rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--accent)!important;white-space:nowrap!important}
body[data-tool="UnitSwitch"] #result{font-size:clamp(1.8rem,4vw,2.65rem)!important;font-weight:900!important;line-height:1.1!important;text-align:center!important;margin:0!important;padding-left:20px!important;border-left:1px solid color-mix(in srgb,var(--accent) 35%,#385572)!important;overflow-wrap:anywhere!important}

/* P1-010: Recipe table columns remain static while values change */
body[data-tool="RecipeRight"] .ls-table{table-layout:fixed!important;width:100%!important}
body[data-tool="RecipeRight"] .ls-table th:nth-child(1),body[data-tool="RecipeRight"] .ls-table td:nth-child(1){width:30%!important}
body[data-tool="RecipeRight"] .ls-table th:nth-child(2),body[data-tool="RecipeRight"] .ls-table td:nth-child(2){width:18%!important}
body[data-tool="RecipeRight"] .ls-table th:nth-child(3),body[data-tool="RecipeRight"] .ls-table td:nth-child(3){width:16%!important}
body[data-tool="RecipeRight"] .ls-table th:nth-child(4),body[data-tool="RecipeRight"] .ls-table td:nth-child(4){width:26%!important}
body[data-tool="RecipeRight"] .ls-table th:nth-child(5),body[data-tool="RecipeRight"] .ls-table td:nth-child(5){width:10%!important}
body[data-tool="RecipeRight"] .ls-table input{width:100%!important;min-width:0!important}
body[data-tool="RecipeRight"] .ls-table .s{font-weight:850!important;white-space:normal!important;overflow-wrap:anywhere!important}

@media(max-width:720px){
 .ls-suite-header{min-height:60px!important;padding:6px 0!important}
 .ls-suite-hero{min-height:168px!important;padding:10px 14px 8px!important}
 .ls-suite-hero img{width:72px!important;height:72px!important}
 .ls-suite-hero h1{font-size:1.8rem!important}
 body[data-tool="Datefully"] .stats{grid-template-columns:1fr!important}
 body[data-tool="UnitSwitch"] .ls-dash-card:has(#result){grid-template-columns:1fr!important;gap:8px!important}
 body[data-tool="UnitSwitch"] #result{text-align:left!important;padding:8px 0 0!important;border-left:0!important;border-top:1px solid color-mix(in srgb,var(--accent) 35%,#385572)!important}
}