/* These styles are loaded only by the two standalone commerce tool documents. */
@font-face{font-family:HorangiSans;src:url('/fonts/PretendardVariable-v1.3.9.woff2') format('woff2');font-display:swap;font-weight:100 900}
@media screen{
 .commerce-surface{--ink:#292b35;--muted:#737782;--line:#e6e8ee;--bg:#fff;--rail-width:0px;margin:0;background:#fff;color:var(--ink);padding:0;min-width:320px;font-family:HorangiSans,system-ui,sans-serif}
 .commerce-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid #e6e8ee}
 .commerce-header-inner{max-width:1420px;min-height:76px;margin:auto;padding:0 28px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
 .commerce-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.8px;white-space:nowrap;color:#22252d}
 .commerce-brand-mark{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#22252d;color:#fff;border-radius:8px;font-size:25px;font-weight:800;line-height:1}
 .commerce-brand-mark sub{font-size:15px;align-self:flex-end;padding-bottom:5px;margin-left:-2px}
 .commerce-navigation{display:flex;align-self:stretch;align-items:stretch;gap:3px;margin-left:auto}
 .commerce-navigation a{display:flex;align-items:center;padding:24px 13px 21px;border-radius:0;border-bottom:3px solid transparent;margin:0;color:#636976;font-size:14px;font-weight:600;white-space:nowrap;justify-content:center}
 .commerce-navigation a:hover{background:#fafafa;color:#a74715}
 .commerce-navigation a[aria-current=page]{border-bottom-color:#a74715;color:#a74715;background:transparent}
 .commerce-account-actions{display:flex;gap:18px;align-items:center;font-size:12px;white-space:nowrap}
 .commerce-bookmark{border:0;background:none;padding:10px 0;font-size:12px;color:#656b77;min-height:44px}
 .commerce-account{border:1px solid #dce0e6;border-radius:6px;padding:8px 11px;font-weight:600;background:#fff;color:#343844}
 .commerce-bookmark-help{max-width:1300px;margin:16px auto 0;padding:12px 20px;border-radius:8px;background:#fff6ef;font-size:13px;color:#784519}
 .commerce-bookmark-help[hidden]{display:none}
 .commerce-workspace{max-width:1420px;margin:0 auto;min-height:calc(100vh - 155px)}
 .commerce-subbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;border-bottom:1px solid #f0f1f5;min-height:58px}
 .commerce-subnav{display:flex;align-items:stretch;gap:28px;margin:0}
 .commerce-subnav a{margin:0;border-radius:0;border-bottom:2px solid transparent;padding:17px 0 14px;font-size:14px;color:#717581;font-weight:600;white-space:nowrap}
 .commerce-subnav a.active{color:#5759e9;border-bottom-color:#5759e9;background:none}
 .commerce-subnav a:hover{color:#5759e9;background:none}
 .commerce-section-label{font-weight:700;font-size:14px;color:#5c606b}
 .commerce-data-link{font-size:12px;color:#686d78;padding:12px 0;white-space:nowrap}
 .commerce-data-link.active{color:#5759e9;font-weight:700}
 .commerce-signin-notice{margin:18px 36px 0;padding:12px 16px;border:1px solid #eeedf9;background:#f8f8fd;border-radius:7px;display:flex;align-items:center;gap:18px;color:#686b78;font-size:12px}
 .commerce-signin-notice a{color:#5557d9;font-weight:700;white-space:nowrap;margin-left:auto}
 .commerce-surface .main{max-width:none;min-height:0;margin:0;padding:30px 36px 45px}
 .commerce-surface .page-head{margin-top:0}
 .commerce-surface .page-head h1{font-size:38px}
 .commerce-surface .footer-info{display:none}
 .commerce-footer{max-width:1420px;margin:auto;padding:25px 36px 30px;border-top:1px solid #eceef2;display:flex;justify-content:space-between;gap:20px;color:#808590;font-size:12px}
 .commerce-footer a{color:#686e7a}
 .commerce-surface[data-commerce-page=calculator] .margin-summary{top:20px}
 .commerce-surface[data-commerce-page=calculator] .page-head .page-heading{text-align:left}
 .commerce-surface[data-commerce-page=calculator] .page-head h1{background:none;color:#272a34;-webkit-text-fill-color:currentColor;font-size:32px}
 .commerce-surface[data-commerce-page=calculator] .page-head .eyebrow{color:#a74715}
 .commerce-surface[data-commerce-page=calculator] .page-head .subtitle{max-width:none;margin-left:0}
 .commerce-surface .margin-history{scroll-margin-top:20px}
}
@media screen and (max-width:1100px){
 .commerce-header-inner{gap:15px;padding:0 24px}.commerce-navigation a{padding-left:9px;padding-right:9px}.commerce-bookmark{display:none}.commerce-account-actions{gap:0}.commerce-surface .main{padding:28px 24px 36px}.commerce-subbar{padding:0 24px}.commerce-signin-notice{margin-left:24px;margin-right:24px}
}
@media screen and (max-width:760px){
 .commerce-header-inner{min-height:0;padding:13px 18px 0;gap:8px 12px}.commerce-brand{font-size:18px;margin-right:auto}.commerce-brand-mark{width:31px;height:31px;font-size:23px}.commerce-account-actions{order:2}.commerce-account{font-size:11px;padding:7px 10px}.commerce-navigation{order:3;width:100%;margin:0;justify-content:space-between;gap:0}.commerce-navigation a{flex:none;padding:13px 8px 11px;font-size:13px}.commerce-subbar{padding:0 18px;gap:12px}.commerce-subnav{gap:24px}.commerce-subnav a{font-size:13px}.commerce-data-link{font-size:11px}.commerce-surface .main{margin:0;padding:26px 16px 32px}.commerce-signin-notice{margin:15px 16px 0;font-size:11px;padding:10px 12px;align-items:start;gap:12px}.commerce-surface .page-head h1{font-size:30px}.commerce-surface[data-commerce-page=calculator] .page-head h1{font-size:28px}.commerce-footer{padding:22px 18px 25px;font-size:11px}.commerce-bookmark-help{margin:12px 16px 0}
}
@media screen and (max-width:380px){.commerce-navigation a{font-size:12px;padding-left:5px;padding-right:5px}.commerce-header-inner{padding-left:14px;padding-right:14px}.commerce-brand{font-size:17px;gap:7px}.commerce-subnav{gap:18px}}
@media print{.commerce-header,.commerce-subbar,.commerce-signin-notice,.commerce-footer,.commerce-bookmark-help{display:none!important}.commerce-surface .main{margin:0!important;padding:0!important}}

/* Analyzer navigation follows the working screen: a full-width header and a
   persistent, fully labeled left menu. The calculator retains its existing shell. */
@media screen {
 body.commerce-surface[data-commerce-page="analyzer"]{--commerce-rail-width:258px;--commerce-header-height:70px;background:#fff}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-header{position:sticky;top:0;background:#fff;border-color:#edf0f3;z-index:40}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-header-inner{max-width:none;min-height:calc(var(--commerce-header-height) - 1px);padding:0 26px;gap:30px;flex-wrap:nowrap}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation{margin-left:35px;gap:18px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation a{font-size:20px;line-height:1.3;font-weight:700;padding:21px 6px 19px;color:#35363c;border-bottom-width:3px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation a[aria-current=page]{color:var(--hc-brand-deep);border-bottom-color:var(--hc-brand)}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-account-actions{margin-left:auto;font-size:14px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-account{border:0;background:transparent;padding:12px 0;font-size:14px;color:#46484f}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-workspace{max-width:none;margin:0 0 0 var(--commerce-rail-width);background:#fff;min-height:calc(100svh - var(--commerce-header-height));width:calc(100% - var(--commerce-rail-width))}
 body.commerce-surface[data-commerce-page="analyzer"] .main{margin:0 auto;width:100%}
 body.commerce-surface[data-commerce-page="analyzer"]>.commerce-footer{display:none}
 .commerce-analysis-rail{position:fixed;top:var(--commerce-header-height);bottom:0;left:0;width:var(--commerce-rail-width);background:#fff;border-right:1px solid #edf0f3;z-index:35;padding:12px 14px 16px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
 .commerce-analysis-navigation{display:flex;flex-direction:column;min-height:100%;margin:0;gap:0}
 .commerce-analysis-navigation :is(a,button){display:flex;align-items:center;gap:14px;width:100%;height:48px;flex-shrink:0;margin:0;padding:0 13px;background:transparent;border:0;border-radius:6px;color:#989da7;font-size:16px;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}
 .commerce-analysis-navigation :is(a,button)>svg{display:block;width:22px;height:22px;flex:0 0 22px}
 .commerce-analysis-navigation :is(a,button):hover{background:#f9f6f0;color:var(--hc-brand-deep)}
 .commerce-analysis-navigation :is(a,button):focus-visible{outline:2px solid var(--hc-brand-deep);outline-offset:1px}
 .commerce-analysis-navigation a.active{background:var(--hc-soft);color:var(--hc-brand-deep);font-weight:700}
 .commerce-rail-label{display:inline}
 .commerce-rail-settings{margin-top:auto;border-top:1px solid #edf0f3;padding-top:10px}
 .commerce-back-to-top{position:fixed;right:24px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:45;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--hc-brand-deep,#a74715);color:#fff;box-shadow:0 3px 12px #57392326;cursor:pointer}
 .commerce-back-to-top[hidden]{display:none}
 .commerce-back-to-top svg{display:block;width:27px;height:27px}
 .commerce-back-to-top:hover{filter:brightness(.94)}
 .commerce-back-to-top:focus-visible{outline:3px solid var(--hc-brand,#d98527);outline-offset:4px}
}
@media screen and (max-width:1100px){
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-header-inner{gap:20px;padding-inline:20px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation{margin-left:8px;gap:10px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation a{font-size:17px;padding-inline:4px}
 body.commerce-surface[data-commerce-page="analyzer"]{--commerce-rail-width:220px}
 .commerce-analysis-rail{padding-inline:8px}
 .commerce-analysis-navigation :is(a,button){gap:10px;padding-inline:9px;font-size:15px}
}
@media screen and (max-width:760px){
 body.commerce-surface[data-commerce-page="analyzer"]{--commerce-header-height:109px;--commerce-rail-width:0px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-header-inner{padding:12px 15px 0;min-height:109px;flex-wrap:wrap;gap:4px 14px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-wordmark{font-size:22px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation{margin:0;gap:0;order:3;justify-content:space-between;width:100%;min-height:47px}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-navigation a{font-size:14px;padding:11px 5px 10px;flex:none}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-account-actions{order:2}
 body.commerce-surface[data-commerce-page="analyzer"] .commerce-account{font-size:12px;padding:6px 0}
 .commerce-analysis-rail{position:relative;top:auto;bottom:auto;width:100%;padding:10px 15px;border-right:0;border-bottom:1px solid #edf0f3}
 .commerce-analysis-navigation{min-height:0}
 .commerce-analysis-navigation :is(a,button){height:42px;padding-inline:10px}
 .commerce-rail-settings{display:flex;margin-top:6px;padding-top:6px}
 .commerce-rail-settings :is(a,button){flex:1 1 0;width:auto;min-width:0}
 .commerce-back-to-top{right:16px;width:44px;height:44px}
}
@media print{.commerce-analysis-rail,.commerce-back-to-top{display:none!important}.commerce-surface[data-commerce-page="analyzer"] .commerce-workspace{margin:0!important;width:100%!important;max-width:none!important}}
