/* Mythic Frontier tools: Hermes informs broad blue typography-led mastheads;
   MONO's technical rules inform the open instrument/document layout.
   Calculator hero art is decorative and opt-in; instruments stay opaque.
   Loaded after mythic-system.css; all financial/controller code is unchanged. */
html.mythic-site.frontier-site{
 --bb-chart-starter:#202348;--bb-chart-builder:#1012c8;
 --bb-chart-reload:#52659b;--bb-chart-leakage:#dbe0ee;
 --bb-chart-outline:#4c5270;--bb-chart-divider:#fff;--bb-chart-no-floor:#4c5270;
}

/* Base mastheads also serve art-free methodology pages. */
.mythic-site :is(.tool-page,.method-page) :is(.tool-hero,.method-hero){
 padding:64px 0 36px;background:#1012c8;color:#fff;border-bottom:1px solid #1012c8;
}
.mythic-site .mythic-tool-stage{
 display:block;min-height:0;
}
.mythic-site .mythic-tool-copy{min-width:0;padding:0 0 20px;}
.mythic-site :is(.tool-hero,.method-hero) .eyebrow{color:#dfe1ff;font-family:var(--mono);font-size:10px;letter-spacing:.16em;}
.mythic-site :is(.tool-hero,.method-hero) h1{
 max-width:32ch;margin:28px 0;font-family:'Playfair Display',Georgia,serif;
 font-size:clamp(44px,4.5vw,86px);font-weight:400;line-height:1.07;letter-spacing:-.04em;color:#fff;
}
.mythic-site :is(.tool-hero,.method-hero) h1 :is(.u,em){
 font-family:inherit;font-weight:inherit;font-style:normal;text-decoration:none;color:inherit;
}
.mythic-site :is(.tool-hero,.method-hero) .lede{
 max-width:80ch;margin-bottom:0;font-family:var(--sans);font-size:18px;line-height:1.7;color:#e3e5ff;
}
.mythic-site :is(.tool-hero,.method-hero) :is(.lede,.backlink) a{
 color:#fff;text-decoration:underline;text-underline-offset:.2em;
}
.mythic-site :is(.tool-hero,.method-hero) :is(.lede,.backlink) a:hover{color:#fff;text-decoration-thickness:2px;}
.mythic-site :is(.tool-hero,.method-hero) .page-jumps{
 margin:18px 0 0;padding:18px 0 0;border-top:1px solid #ffffff55;gap:0;
}
.mythic-site :is(.tool-hero,.method-hero) .page-jumps a{
 border:0;border-right:1px solid #ffffff55;border-radius:0;padding:8px 24px;
 font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:#fff;background:transparent;
}
.mythic-site :is(.tool-hero,.method-hero) .page-jumps a:first-child{padding-left:0;}
.mythic-site :is(.tool-hero,.method-hero) .page-jumps a:last-child{border-right:0;}
.mythic-site :is(.tool-hero,.method-hero) .page-jumps a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;}
.mythic-site :is(.tool-hero,.method-hero) :is(a,button):focus-visible{outline-color:#fff;}
.mythic-site .method-hero .backlink{margin:20px 0 0;padding-top:18px;border-top:1px solid #ffffff55;}

/* Calculator-only title stages: the outer blue hero, not the transparent
   inner stage, owns the blend backdrop all the way through the right gutter.
   Meaningful headings, caveats and shortcut links remain above/beyond the art. */
html.mythic-site .tool-page .mythic-calculator-hero{
 position:relative;isolation:isolate;overflow:clip;padding-top:0;
}
html.mythic-site .mythic-calculator-hero .mythic-tool-stage{
 position:relative;display:flex;align-items:center;min-height:clamp(400px,32vw,690px);
}
html.mythic-site .mythic-calculator-hero .mythic-tool-copy{
 position:relative;z-index:1;width:63%;padding-block:clamp(48px,5vw,96px);min-width:0;
}
html.mythic-site .mythic-calculator-hero .mythic-calculator-art{
 position:absolute;z-index:0;inset-block:0;right:calc(-1 * var(--mythic-gutter));
 width:55%;min-width:0;margin:0;overflow:hidden;pointer-events:none;
 mix-blend-mode:screen;opacity:.72;
 mask-image:linear-gradient(to right,transparent,#000 42%);
}
html.mythic-site .mythic-calculator-hero .mythic-calculator-art img{
 display:block;width:100%;height:100%;max-width:none;object-fit:cover;
 object-position:56% 44%;filter:grayscale(1);transform:scale(1.16);
}
html.mythic-site .builder-basket-page .mythic-calculator-art img{object-position:57% 45%;transform:scale(1.12);}
html.mythic-site .incremental-debt-page .mythic-calculator-art img{object-position:56% 42%;}
html.mythic-site .make-whole-page .mythic-calculator-art img{object-position:56% 43%;transform:scale(1.12);}
html.mythic-site .mythic-calculator-hero .page-jumps{
 position:relative;z-index:1;margin-top:0;
}

/* Open instrument columns with ruled sections, not nested boxed cards. */
.mythic-site .tool-page .tool-hero+section{padding-top:40px;}
.mythic-site .tool-page .toolcard{margin-top:0;border:0;border-top:2px solid #1012c8;border-radius:0;background:#fff;box-shadow:none;}
.mythic-site .tool-page .toolgrid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,3vw,68px);}
.mythic-site .tool-page :is(.controls,.readout,.results){padding:30px 0;background:#fff;}
.mythic-site .tool-page .controls{border:0;}
.mythic-site .tool-page .readout{gap:32px;}
.mythic-site .tool-page .group h2{
 font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:#1012c8;line-height:1.55;
}
.mythic-site .tool-page .group+.group{border-color:#cbd0e1;margin-top:28px;padding-top:26px;}
.mythic-site .tool-page :is(.presets,.tabs,.modeswitch){
 padding:0;border:1px solid #1012c8;border-radius:0;gap:1px;background:#1012c8;overflow:hidden;
}
.mythic-site .tool-page :is(.presets,.tabs,.modeswitch) button{
 border:0;border-radius:0;min-height:44px;padding:11px 9px;background:#fff;color:#1012c8;
 font-family:var(--mono);font-size:11px;line-height:1.45;letter-spacing:.01em;
}
.mythic-site .tool-page :is(.presets,.tabs,.modeswitch) button:hover{background:#eaedff;color:#1012c8;}
.mythic-site .tool-page :is(.presets,.modeswitch) button[aria-pressed=true],
.mythic-site .tool-page .tabs button[aria-selected=true]{background:#1012c8;color:#fff;}
.mythic-site .tool-page :is(.presets,.tabs,.modeswitch) button:focus-visible{outline-color:#6e7fff;outline-offset:-4px;}
.mythic-site .tool-page .ctrl-name{font-family:var(--sans);font-size:15px;line-height:1.45;}
.mythic-site .tool-page .ctrl-val{font-family:var(--mono);color:#1012c8;font-size:13px;}
.mythic-site .tool-page input[type=range]::-webkit-slider-thumb{border-radius:0;box-shadow:none;width:18px;height:18px;margin-top:-7.5px;border:2px solid #1012c8;background:#fff;}
.mythic-site .tool-page input[type=range]::-moz-range-thumb{border-radius:0;box-shadow:none;width:14px;height:14px;border:2px solid #1012c8;background:#fff;}
.mythic-site .tool-page :is(.toggle input,.hint,.chip-solve,.tip,.calib__row input,.uploadbox){border-radius:0;box-shadow:none;}
.mythic-site .tool-page .hint{font-family:var(--mono);border-color:#8990ae;color:#1012c8;}
.mythic-site .tool-page .hint:hover,.mythic-site .tool-page .hint[aria-expanded=true]{color:#fff;background:#1012c8;}
.mythic-site .tool-page .tip{border-color:#1012c8;background:#fff;}
.mythic-site .tool-page :is(.rd-screen,.results .headline){
 --ivory-light:#fff;--ivory-dark:#eff0ff;--cloud-medium:#dfe3ff;--cloud-dark:#dfe3ff;
 --slate-light:#dfe3ff;--clay:#fff;--slate-medium:#7479e2;
 background:#1012c8;color:#fff;border-radius:0;border:0;
}
.mythic-site .tool-page .rd-screen .cap{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#e0e3ff;}
.mythic-site .tool-page .bignum .val,
.mythic-site .tool-page .headline-stat+.headline-stat .bignum .val{
 font-family:var(--mono);font-size:clamp(32px,3.2vw,54px);font-weight:400;letter-spacing:-.065em;line-height:1.2;color:#fff;
}
.mythic-site .tool-page .bignum .unit{color:#e0e3ff;font-family:var(--mono);font-size:11px;}
.mythic-site .tool-page .rd-screen .frame{color:#e0e3ff;border-color:#7479e2;font-size:13px;}
.mythic-site .tool-page .rd-screen .frame b{color:#fff;}
.mythic-site .tool-page .headline-grid{border-color:#7479e2;}
.mythic-site .tool-page .headline-stat+.headline-stat{border-color:#7479e2;}
.mythic-site .tool-page .headline .stat__val{font-family:var(--mono);font-size:34px;font-weight:400;letter-spacing:-.05em;color:#fff;}
.mythic-site .tool-page .headline .stat__val.neg{color:#fff;}
.mythic-site .tool-page .headline :is(.stat__lab,.stat__u){color:#e0e3ff;}
.mythic-site .tool-page .rd-block .lab{font-family:var(--mono);color:#1012c8;font-size:10px;letter-spacing:.1em;}
.mythic-site .tool-page :is(.route-card,.chart-block,.canvas-box,.mc-bracket,.split-table,.sens-row,.metricgrid){border-radius:0;border-color:#c3c9df;background:#fff;box-shadow:none;}
.mythic-site .tool-page :is(.route-card,.chart-block){padding:22px 0;border:0;border-top:1px solid #1012c8;}
.mythic-site .tool-page .canvas-box{background:#fff;border:0;border-bottom:1px solid #c3c9df;}
.mythic-site .tool-page .metricgrid{gap:1px;background:#c3c9df;border-inline:0;border-block:1px solid #c3c9df;}
.mythic-site .tool-page .metric{background:#fff;padding:16px 14px;border:0;}
.mythic-site .tool-page .metric b{font-family:var(--mono);font-size:21px;font-weight:400;letter-spacing:-.04em;color:#1012c8;}
.mythic-site .tool-page .metric span{color:#4c5270;}
.mythic-site .tool-page .mc-bracket{border:0;border-block:1px solid #c3c9df;padding:16px 0;}
.mythic-site .tool-page .split-row--focus{background:#eef0ff;}
.mythic-site .tool-page :is(.split-val,.sens-now,.bridge-value){font-family:var(--mono);color:#1012c8;}
.mythic-site .tool-page :is(.bar__track,.sens-bar,.sens-bars){border-radius:0;}
.mythic-site .tool-page .toolfoot{background:#fff;border-top:1px solid #1012c8;padding:32px 0;}
.mythic-site .tool-page .capture{padding:22px 0;border:0;border-top:2px solid #1012c8;border-bottom:1px solid #c3c9df;border-radius:0;background:#fff;}
.mythic-site .tool-page .capture__form :is(input[type=email],button){border-radius:0;}
.mythic-site .tool-page .capture__form button{background:#1012c8;border-color:#1012c8;color:#fff;}
.mythic-site .tool-page .capture__form button:hover{background:#07098c;color:#fff;}
.mythic-site .tool-page input[type=file]::file-selector-button{border-radius:0;background:#fff;border-color:#1012c8;color:#1012c8;}
.mythic-site .tool-page .banner{border-radius:0;background:#fff;color:#252948;border:1px solid #fff;margin-top:20px;}
.mythic-site .tool-page .banner__lab{color:#1012c8;}
.mythic-site .tool-page .banner--proto{background:#fff;color:#252948;}
.mythic-site .tool-page .banner--proto .banner__lab{color:#1012c8;}
.mythic-site .tool-page .tool-hero .modeswitch{border-color:#fff;margin-top:22px;}
.mythic-site .tool-page .seo-block{padding-block:64px 44px;}
.mythic-site .tool-page .seo-prose{max-width:none;border-top:1px solid #c3c9df;padding-top:26px;}
.mythic-site .tool-page .seo-prose>p{max-width:80ch;}
.mythic-site .tool-page .seo-block h2{font-family:var(--serif);font-size:clamp(28px,3vw,39px);font-weight:400;letter-spacing:-.03em;}
.mythic-site .tool-page .seo-block h3{font-family:var(--sans);font-weight:500;letter-spacing:-.02em;}
.mythic-site :is(.tool-page,.method-page) .faq{max-width:none;gap:0 clamp(32px,4vw,88px);}
.mythic-site :is(.tool-page,.method-page) .faq>div{border-top:1px solid #c3c9df;padding-block:22px;}
.mythic-site :is(.tool-page,.method-page) .faq p{max-width:76ch;}

/* Methodology is a document: an open contents rail, chapter rules, and
   contrasting formula strips, rather than a succession of gray boxes. */
.mythic-site .method-page .method-body{padding-block:64px 96px;background:#fff;}
.mythic-site .method-page .method-grid{grid-template-columns:260px minmax(0,1fr);gap:clamp(48px,6vw,140px);max-width:none;}
.mythic-site .method-page .toc{
 background:#fff;border:0;border-top:2px solid #1012c8;border-radius:0;
 padding:20px 0;top:110px;max-height:calc(100vh - 135px);
}
.mythic-site .method-page .toc__lab{color:#1012c8;font-family:var(--mono);font-size:10px;letter-spacing:.14em;margin-bottom:18px;}
.mythic-site .method-page .toc li{border-bottom:1px solid #d9ddec;padding-left:30px;}
.mythic-site .method-page .toc li::before{color:#1012c8;font-family:var(--mono);top:13px;}
.mythic-site .method-page .toc a{font-family:var(--sans);font-size:13px;line-height:1.45;padding-block:12px;color:#373c58;}
.mythic-site .method-page .toc a:hover{color:#1012c8;text-decoration:underline;text-underline-offset:4px;}
.mythic-site .method-page .method-grid>:not(.toc){max-width:none;min-width:0;font-size:16px;line-height:1.8;}
.mythic-site .method-page .prose{max-width:none;font-family:var(--sans);font-size:16px;line-height:1.8;}
.mythic-site .method-page .method-body :is(p,li){color:#373c58;line-height:1.8;}
.mythic-site .method-page .method-body :is(p,ul,ol,blockquote){max-width:76ch;}
.mythic-site .method-page .method-body h2{
 font-family:'Playfair Display',Georgia,serif;font-size:clamp(29px,3.1vw,40px);font-weight:400;
 letter-spacing:-.035em;line-height:1.15;color:#1012c8;margin:64px 0 22px;padding-top:24px;border-top:1px solid #c3c9df;
}
.mythic-site .method-page .method-body h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.mythic-site .method-page .method-body h3{font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-.02em;margin-top:32px;}
.mythic-site .method-page blockquote{
 background:#fff;border:0;border-left:2px solid #1012c8;border-radius:0;padding:6px 0 6px 24px;margin-block:28px;
 font-family:var(--serif);font-style:normal;font-size:23px;line-height:1.55;
}
.mythic-site .method-page blockquote p{color:#1012c8;line-height:1.55;}
.mythic-site .method-page .code{
 --ivory-light:#fff;--ivory-dark:#eef0ff;--cloud-medium:#525a85;--cloud-dark:#525a85;
 background:#f4f5ff;color:#1012c8;border:0;border-block:1px solid #c3c9df;border-radius:0;padding:24px;font-family:var(--mono);font-size:13px;line-height:1.85;
}
.mythic-site .method-page .code :is(b,.var){color:#1012c8;}
.mythic-site .method-page .code .lbl{color:#525a85;}
.mythic-site .method-page .eqn{background:#eef0ff;color:#1012c8;border:0;border-left:2px solid #1012c8;border-radius:0;padding:20px;font-family:var(--mono);font-size:13px;}
.mythic-site .method-page .ladder{border:0;border-block:1px solid #bfc6df;border-radius:0;}
.mythic-site .method-page .ladder__k{background:#fff;color:#1012c8;}
.mythic-site .method-page .ladder__row--hi .ladder__k{background:#1012c8;color:#fff;}
.mythic-site :is(.tool-page,.method-page) :is(.table-scroll,.calib__out){border-radius:0;border-color:#c3c9df;}
.mythic-site :is(.tool-page,.method-page) .table-scroll th{background:#eef0ff;color:#252948;font-family:var(--mono);font-weight:500;}
.mythic-site :is(.tool-page,.method-page) .table-scroll td{background:#fff;color:#373c58;}
.mythic-site .method-page .close-cta{
 --ivory-light:#fff;--ivory-dark:#eef0ff;--cloud-dark:#484850;
 background:#fff;color:#151515;border:0;border-top:2px solid #1012c8;border-radius:0;padding:32px 0;margin-top:48px;
}
.mythic-site .method-page .close-cta :is(p,b,strong){color:#373c58;}
.mythic-site .method-page .close-cta :is(h2,h3){color:#1012c8;border:0;}
.mythic-site .method-page .close-cta .btn--ondark{background:#1012c8;border-color:#1012c8;color:#fff;}
.mythic-site .method-page .close-cta .btn--ondark:hover{background:#080a8b;color:#fff;}
.mythic-site .method-page :is(.code,.close-cta) a:focus-visible{outline-color:#1012c8;}

@media(max-width:1100px){
 html.mythic-site .mythic-calculator-hero .mythic-tool-copy{width:67%;}
 html.mythic-site .mythic-calculator-hero .mythic-calculator-art{
  width:58%;opacity:.56;mask-image:linear-gradient(to right,transparent,#000 48%);
 }
 .mythic-site .tool-page .toolgrid{grid-template-columns:1fr;gap:0;}
 .mythic-site .tool-page .controls{border-right:0;border-bottom:1px solid #aeb5d1;}
 .mythic-site .method-page .method-grid{grid-template-columns:210px minmax(0,1fr);gap:42px;}
}
@media(max-width:960px){
 .mythic-site :is(.tool-hero,.method-hero) h1{font-size:clamp(39px,5.4vw,54px);}
 .mythic-site .method-page .method-grid{grid-template-columns:1fr;gap:42px;}
 .mythic-site .method-page .toc{max-height:none;padding-bottom:0;}
 .mythic-site .method-page .method-grid>:not(.toc){max-width:none;}
}
@media(max-width:760px){
 html.mythic-site .mythic-calculator-hero .mythic-tool-stage{min-height:0;}
 html.mythic-site .mythic-calculator-hero .mythic-tool-copy{width:100%;padding-block:40px 42px;}
 html.mythic-site .mythic-calculator-hero .mythic-calculator-art{
  width:100%;opacity:.20;mask-image:linear-gradient(to right,transparent,#000 60%);
 }
}
@media(max-width:600px){
 html.mythic-site .mythic-calculator-hero .mythic-tool-copy{padding-block:32px 30px;}
 .mythic-site :is(.tool-page,.method-page) :is(.tool-hero,.method-hero){padding:24px 0 24px;}
 .mythic-site .mythic-tool-copy{padding-block:0 12px;}
 .mythic-site :is(.tool-hero,.method-hero) h1{font-size:clamp(34px,9.2vw,48px);line-height:1.1;margin:20px 0;max-width:100%;}
 .mythic-site :is(.tool-hero,.method-hero) .lede{font-size:15px;line-height:1.7;}
 .mythic-site :is(.tool-hero,.method-hero) .eyebrow{font-size:9px;letter-spacing:.12em;}
 .mythic-site :is(.tool-hero,.method-hero) .page-jumps a{font-size:10px;padding-inline:14px;}
 .mythic-site .tool-page .tool-hero+section{padding-top:24px;}
 .mythic-site .tool-page :is(.controls,.readout,.results){padding:26px 0;}
 .mythic-site .tool-page .toolfoot{padding:26px 0;}
 .mythic-site .tool-page .rd-screen{padding:22px 18px;}
 .mythic-site .incremental-debt-page .rd-screen{padding:0;}
 .mythic-site .tool-page .bignum .val,.mythic-site .tool-page .headline-stat+.headline-stat .bignum .val{font-size:34px;}
 .mythic-site .tool-page :is(.route-card,.chart-block){padding:20px 0;}
 .mythic-site .tool-page :is(.tabs,.modeswitch) button{font-size:10px;}
 .mythic-site .method-page .method-body{padding-block:36px 64px;}
 .mythic-site .method-page .method-body h2{font-size:31px;margin-top:48px;}
 .mythic-site .method-page .code{padding:20px 16px;font-size:11px;}
 .mythic-site .method-page blockquote{font-size:21px;padding-left:18px;}
 .mythic-site .method-page .close-cta{padding:26px 0;}
}
@media print{
 html.mythic-site .mythic-calculator-hero .mythic-calculator-art{display:none!important;}
 html.mythic-site .mythic-calculator-hero .mythic-tool-stage{display:block;min-height:0;}
 html.mythic-site .mythic-calculator-hero .mythic-tool-copy{width:100%;padding-block:0;}
 .mythic-site .mythic-tool-stage{display:block;min-height:0;}
 .mythic-site :is(.tool-hero,.method-hero){padding:0 0 20px!important;border:0!important;background:#fff!important;color:#111!important;}
 .mythic-site :is(.tool-hero,.method-hero) :is(h1,p,a,.eyebrow){color:#111!important;}
 .mythic-site .tool-page :is(.rd-screen,.results .headline),
 .mythic-site .method-page :is(.code,.close-cta){background:#fff!important;color:#111!important;border:1px solid #aaa;}
 .mythic-site .tool-page :is(.rd-screen,.results .headline) *,
 .mythic-site .method-page :is(.code,.close-cta) *{color:#111!important;}
 .mythic-site .method-page .method-grid{display:block;}
}