/* TrimLab Workspace v5 — rebuilt application shell */
:root{
  --tl-bg:#03101a;--tl-bg-2:#051724;--tl-panel:#071c2a;--tl-panel-2:#092231;
  --tl-panel-3:#0b2738;--tl-line:#17394d;--tl-line-hi:#23556e;--tl-text:#edf7fc;
  --tl-muted:#8ea8b8;--tl-muted-2:#6f8c9e;--tl-cyan:#19bdf4;--tl-blue:#4e8fff;
  --tl-good:#62d69c;--tl-warn:#f3b85b;--tl-bad:#ff7b86;--tl-radius:10px;
  --tl-shadow:0 18px 44px rgba(0,0,0,.18);--tl-header-bg:#030f19;
}
*{box-sizing:border-box}
html{background:var(--tl-bg);scroll-behavior:smooth;color-scheme:dark}
body{margin:0!important;background:linear-gradient(180deg,#03101a 0%,#061725 45%,#04121d 100%)!important;color:var(--tl-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;min-width:320px}
body.tl-tool-page{padding-left:0!important}

/* Header */
.header{height:70px!important;position:sticky!important;top:0!important;z-index:1200!important;padding:0 28px 0 32px!important;background:rgba(3,15,25,.96)!important;border:0!important;border-bottom:1px solid #17384c!important;box-shadow:none!important;backdrop-filter:blur(18px);display:flex!important;align-items:center!important;gap:24px!important}
.brand{display:flex!important;align-items:center!important;text-decoration:none!important;color:inherit!important;min-width:150px!important;flex:0 0 auto!important}
.tl-brand-lockup{display:flex!important;align-items:center!important;gap:18px!important;white-space:nowrap!important}.tl-logo-svg{display:block!important;width:220px!important;height:54px!important;object-fit:contain!important}.tl-brand-tag{display:inline-block!important;color:#8ba7b7!important;font-size:9px!important;line-height:1!important;font-weight:600!important;letter-spacing:.31em!important;text-transform:uppercase!important;margin:0!important}
.nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:34px!important;margin-left:auto!important;margin-right:18px!important;height:100%!important}.nav a{height:100%!important;display:flex!important;align-items:center!important;position:relative!important;color:#a8bfcd!important;text-decoration:none!important;font-size:13px!important;font-weight:560!important;padding:0!important;border:0!important}.nav a:hover,.nav a.active{color:#f6fbfe!important}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:2px;border-radius:3px;background:var(--tl-cyan)}
.aw-header-group{display:flex!important;align-items:center!important;gap:10px!important}.aw-header-actions{display:flex!important;gap:6px!important}.aw-icon-button{width:36px!important;height:36px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#a8c0cf!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.aw-icon-button:hover{background:#0b2433!important;border-color:#214a61!important}.aw-icon-button svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
.tl-search-wrap{position:relative!important}.tl-search-wrap:before{content:"⌕";position:absolute;left:11px;top:7px;color:#7694a7;font-size:18px}.tl-search{width:214px!important;height:36px!important;padding:0 11px 0 34px!important;background:#061927!important;border:1px solid #23465a!important;border-radius:8px!important;color:#e6f2f8!important;font-size:12px!important;outline:0!important}.tl-search:focus{border-color:#2e7ca0!important;box-shadow:0 0 0 2px rgba(25,189,244,.09)!important}

/* Sidebar */
.tl-sidebar{display:none!important;position:fixed!important;z-index:1000!important;left:0!important;top:70px!important;bottom:0!important;width:250px!important;padding:24px 12px 18px!important;background:linear-gradient(180deg,#04131e 0%,#061a28 65%,#04131e 100%)!important;border-right:1px solid #17384c!important;overflow:auto!important;display:flex!important;flex-direction:column!important}.tl-side-group{padding-bottom:13px!important;margin-bottom:13px!important;border-bottom:1px solid #102f40!important}.tl-side-group-title{height:30px!important;padding:0 10px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#5bcdf4!important;font-size:9px!important;font-weight:760!important;letter-spacing:.24em!important;text-transform:uppercase!important}.tl-side-group-title svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important}.tl-side-link,.tl-side-bottom{height:40px!important;padding:0 11px!important;border-radius:7px!important;display:flex!important;align-items:center!important;gap:11px!important;color:#b4c7d2!important;text-decoration:none!important;font-size:12px!important;font-weight:500!important;border:0!important;transition:.15s ease!important}.tl-side-link svg,.tl-side-bottom svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important}.tl-side-link:hover,.tl-side-bottom:hover{background:#092738!important;color:#f4fbff!important}.tl-side-link.current{background:linear-gradient(90deg,#0c3850,#092b3e)!important;color:white!important;border-left:3px solid var(--tl-cyan)!important;padding-left:8px!important}.tl-side-link.current svg{color:var(--tl-cyan)!important}.tl-side-divider{height:1px!important;background:#102f40!important;margin:4px 4px 10px!important}.tl-side-spacer{flex:1!important;min-height:30px!important}.tl-side-motto{padding:16px!important;color:#90a9b9!important;font-size:9px!important;line-height:2.05!important;letter-spacing:.34em!important;text-transform:uppercase!important}.tl-side-motto:after{content:"";display:block;width:34px;height:2px;background:var(--tl-cyan);margin-top:10px}

/* Workspace */
.tl-tool-page .page{max-width:none!important;width:auto!important;margin:0!important;padding:18px 26px 34px!important}.tl-breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;height:31px!important;margin:0 0 6px!important;color:#7593a6!important;font-size:11px!important}.tl-breadcrumb a{color:#83a6b9!important;text-decoration:none!important}.tl-breadcrumb a:hover{color:var(--tl-cyan)!important}.tl-breadcrumb .sep{color:#4e697a!important}.tl-breadcrumb .current{color:#d6e7f0!important}
.tl-tool-page .tool-heading{position:relative!important;min-height:152px!important;margin:0 0 18px!important;padding:18px 34% 22px 10px!important;border:0!important;overflow:hidden!important}.tl-tool-page .tool-heading:before{content:"";position:absolute;right:-30px;top:-12px;width:49%;height:170px;background:radial-gradient(ellipse at 74% 45%,rgba(66,154,213,.17),transparent 52%),repeating-radial-gradient(ellipse at 100% 50%,transparent 0 26px,rgba(33,153,221,.10) 27px 28px,transparent 29px 46px);mask-image:linear-gradient(90deg,transparent,black 24%,black);pointer-events:none}.tl-tool-page .tool-heading:after{content:"EXPLORE\A ANALYZE\A ENGINEER";white-space:pre;position:absolute;right:18px;top:30px;color:#9fb2df;font-size:10px;line-height:2.05;letter-spacing:.34em;text-align:left;text-transform:uppercase}.tl-tool-page .tool-heading h1{position:relative!important;z-index:2!important;margin:0 0 5px!important;color:#f2f8fc!important;font-size:40px!important;line-height:1.06!important;letter-spacing:-1.4px!important;font-weight:760!important}.tl-tool-page .tool-heading p{position:relative!important;z-index:2!important;margin:0!important;max-width:760px!important;color:#b4c7d3!important;font-size:15px!important;line-height:1.55!important}.tl-tool-page .tool-heading .eyebrow{display:none!important}

/* Main two-column layouts */
.tl-tool-page .analysis-grid,.tl-tool-page .tool-grid{display:grid!important;grid-template-columns:minmax(300px,35%) minmax(0,65%)!important;gap:16px!important;align-items:start!important;max-width:none!important;margin:0!important}.tl-tool-page #methodology,.tl-tool-page .method-card{grid-column:1/-1!important;order:90!important}.tl-tool-page #visualizationCard,.tl-tool-page .card-wide:not(#methodology):not(.method-card){grid-column:1/-1!important}.tl-tool-page .analysis-grid>.card:nth-of-type(2),.tl-tool-page .analysis-grid>details:nth-of-type(2),.tl-tool-page .tool-grid>.parameters-card{order:10!important}.tl-tool-page .analysis-grid>.card:nth-of-type(3),.tl-tool-page .analysis-grid>details:nth-of-type(3),.tl-tool-page .tool-grid>.results-card{order:20!important}.tl-tool-page .analysis-grid>#visualizationCard,.tl-tool-page .analysis-grid>.card-wide:not(#methodology),.tl-tool-page .tool-grid>.report-card{order:30!important}

/* Cards */
.tl-tool-page .card,.tl-tool-page details.card,.tl-tool-page section.card{background:linear-gradient(180deg,#071c2a 0%,#061925 100%)!important;border:1px solid #173e54!important;border-radius:10px!important;box-shadow:0 12px 32px rgba(0,0,0,.12)!important;color:var(--tl-text)!important;padding:0!important;overflow:hidden!important}.tl-tool-page .card-header,.tl-tool-page summary.card-header{min-height:54px!important;margin:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:11px!important;background:linear-gradient(180deg,rgba(11,39,56,.96),rgba(8,29,43,.96))!important;border:0!important;border-bottom:1px solid #12384d!important;cursor:pointer!important}.tl-tool-page .card-icon{width:28px!important;height:28px!important;min-width:28px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--tl-cyan)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;font-weight:700!important;box-shadow:none!important}.tl-tool-page .card-title{margin:0!important;color:#f0f7fb!important;font-size:16px!important;line-height:1.15!important;font-weight:700!important}.tl-tool-page .card-kicker,.tl-tool-page .card-subtitle{display:none!important}.tl-tool-page .chevron,.tl-tool-page .card-chevron{margin-left:auto!important;background:transparent!important;color:#44c8f5!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.tl-tool-page .card-content{padding:14px 16px 16px!important;background:transparent!important}.tl-tool-page details:not([open])>.card-content{display:none!important}

/* Form / input sections */
.tl-tool-page form{margin:0!important}.tl-tool-page .input-section{margin:0 0 18px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid #123448!important;background:transparent!important}.tl-tool-page .input-section:last-of-type{border-bottom:0!important;padding-bottom:0!important}.tl-tool-page .input-section h3,.tl-tool-page .result-group-heading h3,.tl-tool-page .visual-card h3{margin:0 0 11px!important;color:#51caf4!important;font-size:12px!important;font-weight:700!important}.tl-tool-page .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important}.tl-tool-page .form-group{margin:0!important}.tl-tool-page label{display:block!important;margin:0 0 5px!important;color:#b8cbd7!important;font-size:11px!important;font-weight:520!important}.tl-tool-page input,.tl-tool-page select,.tl-tool-page textarea{width:100%!important;min-height:34px!important;padding:6px 10px!important;background:#061a28!important;color:#e7f2f7!important;border:1px solid #25516a!important;border-radius:6px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.01)!important;font:inherit!important;font-size:12px!important;outline:none!important}.tl-tool-page input:focus,.tl-tool-page select:focus,.tl-tool-page textarea:focus{border-color:#2e99c5!important;box-shadow:0 0 0 2px rgba(25,189,244,.08)!important}.tl-tool-page input:disabled,.tl-tool-page select:disabled{opacity:.58!important;background:#0a1d29!important}.tl-tool-page .field-note,.tl-tool-page .form-note,.tl-tool-page .visual-note{color:#6f8fa2!important;font-size:10px!important;line-height:1.45!important}
.tl-tool-page .button-row{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:10px!important;margin-top:14px!important}.tl-tool-page button,.tl-tool-page .calculate-button,.tl-tool-page .primary-button,.tl-tool-page .secondary-button{min-height:38px!important;border-radius:6px!important;font-size:12px!important;font-weight:650!important}.tl-tool-page .calculate-button,.tl-tool-page .primary-button{background:linear-gradient(180deg,#28bff2,#12a8e1)!important;color:#02101a!important;border:1px solid #30c7f7!important;box-shadow:none!important}.tl-tool-page .calculate-button:hover,.tl-tool-page .primary-button:hover{filter:brightness(1.06)!important;transform:none!important}.tl-tool-page .secondary-button,.tl-tool-page .reset-button{background:#071927!important;color:#c2d5df!important;border:1px solid #28546c!important}

/* Results */
.tl-tool-page .summary-grid,.tl-tool-page .result-summary,.tl-tool-page .summary-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:9px!important;margin:0 0 14px!important}.tl-tool-page .summary-item,.tl-tool-page .result-summary-item,.tl-tool-page .summary-card{min-height:82px!important;padding:11px 10px!important;background:#061925!important;border:1px solid #173d53!important;border-radius:7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.tl-tool-page .summary-label,.tl-tool-page .result-summary-label{color:#b5c8d3!important;font-size:10px!important}.tl-tool-page .summary-value,.tl-tool-page .result-summary-value{margin-top:5px!important;color:#55a0ff!important;font-size:25px!important;line-height:1!important;font-weight:720!important;letter-spacing:-.7px!important}.tl-tool-page .result-group{margin:0 0 13px!important;padding:13px 0 0!important;border:0!important;border-top:1px solid #123448!important;background:transparent!important}.tl-tool-page .result-group:first-child{border-top:0!important;padding-top:0!important}.tl-tool-page .result-table-wrap{border:1px solid #173b50!important;border-radius:7px!important;overflow:hidden!important;background:#061925!important}.tl-tool-page table{width:100%!important;border-collapse:collapse!important;background:transparent!important;color:#c9d9e2!important}.tl-tool-page th{background:#0a2232!important;color:#8fb1c4!important;font-size:10px!important;font-weight:650!important;text-align:left!important;padding:8px 10px!important;border-bottom:1px solid #173b50!important}.tl-tool-page td{padding:8px 10px!important;color:#c8d8e1!important;font-size:11px!important;border-bottom:1px solid #102f40!important}.tl-tool-page tr:last-child td{border-bottom:0!important}

/* Visuals */
.tl-tool-page .visual-grid{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:12px!important}.tl-tool-page .visual-card,.tl-tool-page .llt-visual,.tl-tool-page .stability-visual,.tl-tool-page .chart-wrap,.tl-tool-page .plot-wrap,.tl-tool-page .notch-wrap,.tl-tool-page .drone-wrap{background:#061925!important;border:1px solid #173b50!important;border-radius:7px!important;padding:12px!important;box-shadow:none!important}.tl-tool-page svg,.tl-tool-page canvas{max-width:100%!important}.tl-tool-page .legend,.tl-tool-page .cp-legend{color:#879faf!important;font-size:10px!important}

/* Method */
.tl-tool-page #methodology .card-content,.tl-tool-page .method-card .card-content{padding:15px 16px!important}.tl-tool-page .method-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.tl-tool-page .method-box,.tl-tool-page .assumption-box,.tl-tool-page .disclaimer,.tl-tool-page .method-disclaimer{margin:0!important;padding:12px!important;background:#061925!important;border:1px solid #173b50!important;border-radius:7px!important;color:#b8cad5!important;box-shadow:none!important}.tl-tool-page .method-box h3{margin:0 0 6px!important;color:#e7f2f8!important;font-size:11px!important}.tl-tool-page .method-box p,.tl-tool-page .method-box li,.tl-tool-page .assumption-box p{color:#8ea9ba!important;font-size:10px!important;line-height:1.55!important}.tl-tool-page .formula,.tl-tool-page .method-formula{background:#081e2c!important;border:1px solid #153b50!important;color:#6ed7fb!important;border-radius:5px!important;padding:7px 8px!important;font-size:10px!important}

/* Footer */
.site-footer,.footer{margin-left:0!important;background:#03111c!important;border-top:1px solid #17384c!important;color:#8ca5b5!important}body.tl-tool-page > .site-footer.tl-global-footer,body.tl-tool-page > .footer.tl-global-footer{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;left:auto!important;right:auto!important;transform:none!important}.site-footer-inner,.footer-inner{width:100%!important;min-height:66px!important;max-width:none!important;margin:0!important;padding:0 32px!important;display:flex!important;align-items:center!important;gap:28px!important;color:#8da6b6!important;font-size:10px!important}.tl-copyright{margin-left:auto!important;color:#7893a5!important}

/* Light mode remains optional, but dark is brand default */
html[data-theme="light"] body.tl-tool-page{background:#eef4f7!important;color:#183041!important}html[data-theme="light"] .tl-tool-page .card,html[data-theme="light"] .tl-tool-page details.card,html[data-theme="light"] .tl-tool-page section.card{background:#fff!important;border-color:#cfdae1!important;color:#183041!important}html[data-theme="light"] .tl-tool-page .card-header{background:#f4f8fa!important;border-color:#d5e0e6!important}html[data-theme="light"] .tl-tool-page .card-title{color:#19384b!important}html[data-theme="light"] .tl-tool-page input,html[data-theme="light"] .tl-tool-page select,html[data-theme="light"] .tl-tool-page textarea{background:#fff!important;color:#19384b!important;border-color:#c6d6df!important}

@media(max-width:1180px){.brand{min-width:150px!important}.tl-brand-tag{display:none!important}.tl-search-wrap{display:none!important}.tl-tool-page .tool-heading{padding-right:27%!important}.tl-tool-page .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){body.tl-tool-page{padding-left:0!important}.tl-sidebar{display:none!important}.header{padding:0 18px!important}.brand{min-width:0!important}.tl-logo-svg{width:176px!important}.nav{gap:20px!important;margin-right:8px!important}.tl-tool-page .page{padding:16px!important}.tl-tool-page .tool-heading{padding-right:0!important;min-height:auto!important}.tl-tool-page .tool-heading:before,.tl-tool-page .tool-heading:after{display:none!important}.tl-tool-page .analysis-grid,.tl-tool-page .tool-grid{grid-template-columns:1fr!important}.tl-tool-page .analysis-grid>* ,.tl-tool-page .tool-grid>*{grid-column:1!important}.tl-tool-page #methodology,.tl-tool-page .method-card{order:90!important}.tl-tool-page .visual-grid{grid-template-columns:1fr!important}}
@media(max-width:650px){.header{height:64px!important}.nav{display:none!important}.tl-tool-page .page{padding:12px!important}.tl-tool-page .tool-heading h1{font-size:31px!important}.tl-tool-page .form-grid{grid-template-columns:1fr!important}.tl-tool-page .method-grid{grid-template-columns:1fr!important}.tl-tool-page .button-row{grid-template-columns:1fr!important}.site-footer-inner,.footer-inner{padding:14px 16px!important;min-height:92px!important;flex-wrap:wrap!important}.tl-copyright{margin-left:0!important;width:100%!important}}

/* ================================================================
   GLOBAL HEADER — single source of truth: global-header.js
   ================================================================ */
.header.tl-global-header{height:72px!important;min-height:72px!important;position:sticky!important;top:0!important;z-index:2200!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0 24px!important;background:var(--tl-header-bg)!important;border-bottom:1px solid #17384c!important;backdrop-filter:none}
.tl-hamburger,.tl-theme-button,.tl-menu-close{border:1px solid transparent;background:transparent;color:#a8c0cf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.tl-hamburger{width:40px;height:40px;border-radius:9px;flex:0 0 auto}.tl-hamburger:hover,.tl-theme-button:hover,.tl-menu-close:hover{background:#0b2433;border-color:#214a61}.tl-hamburger svg,.tl-theme-button svg,.tl-menu-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header.tl-global-header .brand.tl-wordmark{min-width:auto!important;display:inline-flex!important;align-items:center!important;gap:0!important;font-size:30px!important;line-height:1!important;font-weight:780!important;letter-spacing:-.045em!important;white-space:nowrap!important;text-decoration:none!important;margin-right:8px}.tl-brand-trim{color:#f5f9fc}.tl-brand-lab{color:#23b9ef}
.tl-global-search{position:relative;flex:1 1 360px;max-width:520px;min-width:180px;margin:0 auto 0 8px}.tl-global-search>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;width:17px;height:17px;fill:none;stroke:#7694a7;stroke-width:1.8}.tl-global-search .tl-search{width:100%!important;height:40px!important;padding:0 14px 0 40px!important;background:#061927!important;border:1px solid #23465a!important;border-radius:9px!important;color:#e6f2f8!important;font-size:13px!important;outline:0!important}.tl-global-search .tl-search:focus{border-color:#2e7ca0!important;box-shadow:0 0 0 3px rgba(25,189,244,.09)!important}.tl-search-results{position:absolute;left:0;right:0;top:46px;background:#071b29;border:1px solid #21465b;border-radius:10px;box-shadow:0 18px 42px rgba(0,0,0,.28);overflow:hidden;z-index:2600}.tl-search-results a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;color:#dcebf3;text-decoration:none;border-bottom:1px solid rgba(73,126,153,.16);font-size:13px}.tl-search-results a:last-child{border-bottom:0}.tl-search-results a:hover{background:#0c2939}.tl-search-results small{color:#7696a8;font-size:10px}.tl-search-empty{padding:13px;color:#7591a1;font-size:12px}
.header.tl-global-header .tl-desktop-nav{display:flex!important;align-items:center!important;gap:26px!important;margin-left:auto!important;margin-right:2px!important;height:100%!important}.header.tl-global-header .tl-desktop-nav a{height:100%!important;display:flex!important;align-items:center!important;position:relative!important;color:#a8bfcd!important;text-decoration:none!important;font-size:13px!important;font-weight:560!important}.header.tl-global-header .tl-desktop-nav a:hover,.header.tl-global-header .tl-desktop-nav a.active{color:#f6fbfe!important}.header.tl-global-header .tl-desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:2px;border-radius:3px;background:var(--tl-cyan,#23b9ef)}.tl-theme-button{width:40px;height:40px;border-radius:9px;flex:0 0 auto}.tl-theme-button .tl-theme-sun{display:none}html[data-theme="light"] .tl-theme-button .tl-theme-sun{display:block}html[data-theme="light"] .tl-theme-button .tl-theme-moon{display:none}
.tl-menu-backdrop{position:fixed;inset:0;background:rgba(0,7,12,.58);z-index:2390;backdrop-filter:blur(2px)}
.tl-global-menu{position:fixed;left:0;top:0;bottom:0;width:min(330px,90vw);z-index:2400;background:linear-gradient(180deg,#04131e 0%,#061a28 65%,#04131e 100%);border-right:1px solid #17384c;box-shadow:22px 0 55px rgba(0,0,0,.34);padding:18px 16px 20px;transform:translateX(-102%);transition:transform .22s ease;overflow:auto;display:flex;flex-direction:column;color:#d8e8f0}
.tl-menu-open .tl-global-menu{transform:translateX(0)}body.tl-menu-open{overflow:hidden}
.tl-menu-top{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 6px 14px}
.tl-menu-wordmark{display:inline-flex;gap:0;align-items:center;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-.045em;color:#f5f9fc}.tl-menu-wordmark strong{color:var(--tl-cyan,#19bdf4);font:inherit}
.tl-menu-close{width:38px;height:38px;border-radius:8px;color:#a8c0cf}.tl-menu-close:hover{background:#0b2433;border-color:#214a61}
.tl-menu-overview{height:40px;padding:0 11px;border-radius:7px;display:flex;align-items:center;color:#b4c7d2;text-decoration:none;font-size:12px;font-weight:600;transition:.15s ease}.tl-menu-overview:hover,.tl-menu-overview.current{background:#092738;color:#f4fbff}
.tl-menu-separator{height:1px;background:#102f40;margin:12px 4px 14px;flex:0 0 auto}
.tl-menu-group{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #102f40}.tl-menu-group:last-of-type{margin-bottom:0}
.tl-menu-group-title{height:30px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#5bcdf4;font-size:9px;font-weight:760;letter-spacing:.24em;text-transform:uppercase}.tl-menu-group-title svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.tl-menu-tool,.tl-menu-bottom-link{height:40px;padding:0 11px;border-radius:7px;display:flex;align-items:center;gap:11px;color:#b4c7d2;text-decoration:none;font-size:12px;font-weight:500;border:0;transition:.15s ease}.tl-menu-tool svg,.tl-menu-bottom-link svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.tl-menu-tool:hover,.tl-menu-bottom-link:hover{background:#092738;color:#f4fbff}.tl-menu-tool.current,.tl-menu-bottom-link.current{background:linear-gradient(90deg,#0c3850,#092b3e);color:#fff;border-left:3px solid var(--tl-cyan,#19bdf4);padding-left:8px}.tl-menu-tool.current svg,.tl-menu-bottom-link.current svg{color:var(--tl-cyan,#19bdf4)}
.tl-menu-bottom-separator{margin-top:2px;margin-bottom:12px}.tl-menu-motto{margin-top:auto;padding:34px 16px 8px;color:#516d7e;font-size:9px;line-height:2.05;letter-spacing:.34em;text-transform:uppercase}.tl-menu-motto:after{content:"";display:block;width:34px;height:2px;background:var(--tl-cyan,#19bdf4);margin-top:10px}
/* The navigation drawer deliberately keeps the dark engineering-panel appearance in both themes. */
html[data-theme="light"] .tl-global-menu{background:linear-gradient(180deg,#04131e 0%,#061a28 65%,#04131e 100%);color:#d8e8f0;border-color:#17384c}html[data-theme="light"] .tl-menu-wordmark{color:#f5f9fc}html[data-theme="light"] .tl-menu-overview,html[data-theme="light"] .tl-menu-tool,html[data-theme="light"] .tl-menu-bottom-link{color:#b4c7d2}html[data-theme="light"] .tl-menu-overview:hover,html[data-theme="light"] .tl-menu-tool:hover,html[data-theme="light"] .tl-menu-bottom-link:hover{background:#092738;color:#f4fbff}html[data-theme="light"] .tl-menu-separator,html[data-theme="light"] .tl-menu-group{border-color:#102f40}
@media(max-width:1050px){.header.tl-global-header .tl-desktop-nav{display:none!important}.tl-global-search{max-width:none}}
@media(max-width:650px){.header.tl-global-header{height:64px!important;min-height:64px!important;padding:0 12px!important;gap:8px!important}.header.tl-global-header .brand.tl-wordmark{font-size:25px!important;margin-right:2px}.tl-global-search{min-width:0;margin-left:0}.tl-global-search .tl-search{height:38px!important}.tl-theme-button{width:38px;height:38px}.tl-hamburger{width:38px;height:38px}}
@media(max-width:480px){.tl-global-search{display:none}.header.tl-global-header .brand.tl-wordmark{margin-right:auto}}
/* Tool pages keep the same global bar pinned above the fixed tool sidebar. */
body.tl-tool-page .header.tl-global-header{position:fixed!important;left:0!important;right:0!important;top:0!important}
body.tl-tool-page .page{margin-top:72px!important}
@media(max-width:650px){body.tl-tool-page .header.tl-global-header{height:64px!important;min-height:64px!important;padding:0 12px!important}body.tl-tool-page .page{margin-top:64px!important}}

/* ==========================================================
   TrimLab responsive workspace width v6
   Central override for every engineering tool page.
   ========================================================== */

/* Custom elements are inline by default. Make the shared tool shell a
   real full-width layout container so legacy per-tool .page widths can
   no longer constrain the application workspace. */
body.tl-tool-page > trimlab-tool-shell,
body.tl-tool-page trimlab-tool-shell.tl-tool-shell,
body.tl-tool-page .tl-tool-shell.page {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(18px, 2.15vw, 42px) !important;
  padding-right: clamp(18px, 2.15vw, 42px) !important;
}

/* Ensure all main tool content consumes the available viewport width.
   This deliberately overrides older width:min(1250/1320px,100%) rules
   embedded in some individual tool files. */
body.tl-tool-page .page,
body.tl-tool-page .analysis-grid,
body.tl-tool-page .tool-grid {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Fluid two-column workspace. The parameter column remains practical,
   while results/visualizations gain more room on wide displays. */
body.tl-tool-page .analysis-grid,
body.tl-tool-page .tool-grid {
  grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.42fr) !important;
  gap: clamp(14px, 1.3vw, 24px) !important;
}

/* Never let grid children force the whole page wider or narrower. */
body.tl-tool-page .analysis-grid > *,
body.tl-tool-page .tool-grid > *,
body.tl-tool-page .card,
body.tl-tool-page .card-content,
body.tl-tool-page .result-table-wrap,
body.tl-tool-page .visual-grid,
body.tl-tool-page .visual-card {
  min-width: 0 !important;
}

/* Heading follows the same fluid page width and scales cleanly. */
body.tl-tool-page .tool-heading {
  width: 100% !important;
  max-width: none !important;
}

/* Medium screens: keep two useful columns for as long as there is room. */
@media (max-width: 1180px) {
  body.tl-tool-page .analysis-grid,
  body.tl-tool-page .tool-grid {
    grid-template-columns: minmax(310px, 0.9fr) minmax(0, 1.1fr) !important;
  }
}

/* Tablet / narrow laptop: stack cards rather than squeezing them. */
@media (max-width: 900px) {
  body.tl-tool-page .analysis-grid,
  body.tl-tool-page .tool-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.tl-tool-page .analysis-grid > *,
  body.tl-tool-page .tool-grid > *,
  body.tl-tool-page #visualizationCard,
  body.tl-tool-page .card-wide,
  body.tl-tool-page #methodology,
  body.tl-tool-page .method-card {
    grid-column: 1 !important;
  }
}

@media (max-width: 650px) {
  body.tl-tool-page > trimlab-tool-shell,
  body.tl-tool-page trimlab-tool-shell.tl-tool-shell,
  body.tl-tool-page .tl-tool-shell.page {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Global footer chrome: intentionally identical to the global header background. */
:root{--tl-chrome-bg:#030f19}
.site-footer,.footer,.tl-global-footer{background:var(--tl-header-bg,var(--tl-chrome-bg))!important;background-image:none!important;border-top:1px solid #17384c!important}
html[data-theme="light"] .site-footer,html[data-theme="light"] .footer,html[data-theme="light"] .tl-global-footer,
html[data-theme="dark"] .site-footer,html[data-theme="dark"] .footer,html[data-theme="dark"] .tl-global-footer{background:var(--tl-header-bg,var(--tl-chrome-bg))!important;background-image:none!important}
.site-footer-inner,.footer-inner{color:#8da6b6!important}
.site-footer a,.footer a{color:#9cb8ca!important}
.site-footer a:hover,.footer a:hover{color:#39d2ff!important}


/* ==========================================================
   TrimLab standard subpage shell v1
   Used by overview, about, documentation, legal, etc.
   ========================================================== */
body.tl-standard-page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
trimlab-page-shell.tl-standard-page-shell{
  display:block;
  width:100%;
  max-width:none;
  flex:1 0 auto;
  padding:34px clamp(20px,3vw,52px) 72px;
}
.tl-standard-page-intro{width:100%;}
.tl-standard-breadcrumb{margin:0 0 18px!important;}
.tl-standard-page-heading{
  width:100%;
  margin:0 0 30px;
  padding:0 0 26px;
  border-bottom:1px solid var(--line,var(--aw-border,#d9e3ea));
}
.tl-standard-page-heading .eyebrow{
  margin:0 0 8px;
  color:var(--blue,var(--aw-blue,#16bdf2));
  font-size:12px;
  font-weight:850;
  letter-spacing:1.8px;
  text-transform:uppercase;
}
.tl-standard-page-heading h1{
  margin:0;
  font-size:clamp(36px,4.5vw,56px);
  line-height:1.04;
  letter-spacing:-1.8px;
}
.tl-standard-page-heading p{
  max-width:900px;
  margin:12px 0 0;
  color:var(--muted,var(--aw-muted,#718394));
  font-size:17px;
  line-height:1.6;
}
trimlab-page-footer{
  display:block;
  width:100%;
  margin-top:auto;
  flex:0 0 auto;
}
@media(max-width:650px){
  trimlab-page-shell.tl-standard-page-shell{padding:24px 16px 48px;}
  .tl-standard-page-heading{margin-bottom:22px;padding-bottom:20px;}
}


/* ==========================================================
   TrimLab Global Footer v1
   Single footer definition shared by every page.
   ========================================================== */
trimlab-global-footer{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
trimlab-global-footer .tl-footer{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--tl-header-bg,#03111c)!important;
  background-image:none!important;
  border:0!important;
  border-top:1px solid #17384c!important;
  color:#8da6b6!important;
  box-shadow:none!important;
}
trimlab-global-footer .tl-footer__inner{
  width:100%!important;
  max-width:none!important;
  min-height:66px!important;
  margin:0!important;
  padding:0 clamp(20px,3vw,52px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:28px!important;
  font-size:11px!important;
  line-height:1.35!important;
  color:#8da6b6!important;
}
trimlab-global-footer .tl-footer__brand{
  justify-self:start!important;
  color:#e9f7fd!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
trimlab-global-footer .tl-footer__tagline{
  justify-self:center!important;
  color:#8da6b6!important;
  white-space:nowrap!important;
}
trimlab-global-footer .tl-footer__legal{justify-self:end!important}
trimlab-global-footer .tl-footer a{
  color:#9cb8ca!important;
  text-decoration:none!important;
  font-weight:650!important;
}
trimlab-global-footer .tl-footer a:hover{color:#39d2ff!important}
html[data-theme="light"] trimlab-global-footer .tl-footer,
html[data-theme="dark"] trimlab-global-footer .tl-footer{
  background:var(--tl-header-bg,#03111c)!important;
}
@media(max-width:720px){
  trimlab-global-footer .tl-footer__inner{
    min-height:104px!important;
    padding:18px 20px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    text-align:center!important;
  }
  trimlab-global-footer .tl-footer__brand,
  trimlab-global-footer .tl-footer__tagline,
  trimlab-global-footer .tl-footer__legal{justify-self:center!important}
}
