/* Calculator-specific styles. Navigation, typography, buttons and footer share styles.css. */
.pacing-page{--bg:#fff;--bg-2:#f4f6f0;--surface:#fff;--surface-2:#f1f4ed;--ink-70:#46533f;--ink-60:#626a63;--ink-40:#697563;--ink-25:#74806e;--line-2:#cbd5c2;--accent:#637b3d;--accent-2:#435b24;--red:#af3f32;--green:#477334;--display:var(--font);--body:var(--font);--ease:cubic-bezier(.16,1,.3,1)}
.pacing-page .wrap{max-width:1360px;margin:auto;padding-left:5%;padding-right:5%}
.pacing-page .nav nav [aria-current=page]{color:var(--yellow)}
.pacing-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:43px;padding-bottom:35px}
.pacing-intro h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.7px;font-weight:600;line-height:1.15;margin:14px 0}
.pacing-intro>div>p:last-child{font-size:14px;line-height:1.75;color:var(--muted)}
.data-proof{display:flex;gap:14px;align-items:center;flex-shrink:0;padding:18px 22px;border-radius:16px;background:#f1f4ed}
.proof-icon{width:38px;height:38px;display:grid;place-items:center;background:#e3ebd8;border-radius:50%;color:#617745;font-size:22px}
.data-proof strong{display:block;font-size:23px;letter-spacing:-.7px;font-weight:650}
.data-proof small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.data-proof b{display:block;font-size:10px;font-weight:500;color:#5d7443;margin-top:8px}
#calculator{padding-bottom:64px}
.calc{display:grid;grid-template-columns:295px minmax(0,1fr);gap:32px;align-items:start}
.calc-head{position:sticky;top:104px;background:#f4f6f0;border:1px solid #e4e9dc;border-radius:20px;padding:24px}
.settings-heading{display:flex;gap:10px;align-items:center;margin-bottom:24px}
.settings-heading h2{font-size:17px;line-height:1.3;letter-spacing:-.4px;font-weight:600}
.settings-heading p{font-size:11px;color:var(--muted);margin-top:4px}
.settings-icon{width:34px;height:34px;border-radius:10px;background:#e6ecdF;display:grid;place-items:center;font-size:23px;color:#607647}
.ctl-grid{display:grid;gap:20px}
.ctl-label{display:block;font-size:11px;font-weight:600;color:#46543c;margin-bottom:9px}
.seg{display:flex;background:#e6ebdf;border:1px solid #e0e6d7;border-radius:12px;padding:4px;gap:3px}
.seg button{flex:1;min-width:0;border:0;background:transparent;color:#626f57;font-size:11px;font-weight:550;padding:9px 4px;border-radius:8px;cursor:pointer}
.seg button:hover{background:#f8faf4}
.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 5px #1720190c}
.pacing-page select{width:100%;border:1px solid #dce3d3;border-radius:10px;color:var(--ink);padding:11px 10px;background:white;font-family:var(--font);font-size:12px;cursor:pointer}
.target-row{display:flex;flex-direction:column;gap:18px;margin-top:23px;padding-top:22px;border-top:1px solid #dde5d5}
.target-row>div{width:100%;min-width:0}
.time-input{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;background:white;border:1px solid #dce3d3;border-radius:12px}
.time-input:focus-within{outline:2px solid #7a8e5f;outline-offset:2px}
.time-input input{width:49px;border:0;background:none;color:var(--ink);font:600 34px/1 var(--font);font-variant-numeric:tabular-nums;text-align:center;padding:2px 0;appearance:textfield;-moz-appearance:textfield}
.time-input input::-webkit-inner-spin-button,.time-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.time-input input:focus{outline:none}
.colon{font-size:27px;color:#8a9682}
.time-input .unit{font-size:9px;color:#78866e;margin:12px 0 0 6px}
input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:27px;background:transparent;cursor:pointer;display:block;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:20px;background:linear-gradient(90deg,#859c62 0%,#859c62 var(--fill,50%),#dce4d4 var(--fill,50%),#dce4d4 100%)}
input[type=range]::-moz-range-track{height:5px;border-radius:20px;background:#dce4d4}
input[type=range]::-moz-range-progress{height:5px;background:#859c62}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#647b47;border:3px solid white;box-shadow:0 1px 5px #18231030;margin-top:-6.5px}
input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#647b47;border:3px solid white;box-shadow:0 1px 5px #18231030}
.slider-scale{display:flex;justify-content:space-between;color:#748269;font-size:9px;font-variant-numeric:tabular-nums;margin-top:2px}
.preset-label{font-size:10px;color:#73806b;margin:18px 0 8px}
.chips{display:flex;gap:5px;flex-wrap:wrap}
.chip{appearance:none;border:1px solid #d9e2cd;border-radius:15px;background:transparent;color:#68795a;padding:7px 9px;cursor:pointer;font-size:10px;line-height:1.3;font-weight:550}
.chip:hover{background:white}.chip.on{color:#233414;background:#e4edce;border-color:#c3d3ac}
.calc-body{min-width:0}
.results-heading h2{font-size:25px;letter-spacing:-.8px;margin-top:7px;line-height:1.2}
.results-heading .eyebrow{font-size:8px;letter-spacing:1.1px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0 23px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe2d4;border-radius:20px;background:white;color:#4e5c43;padding:9px 14px;font-family:var(--font);font-size:10px;font-weight:550;cursor:pointer;min-height:35px;transition:background .2s}
.btn:hover{background:#f1f5ea}.toast{opacity:0;color:var(--green);font-size:10px}.toast.show{opacity:1}
.verdict{display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid #dae4cc;border-radius:13px;background:#f2f7e9;margin-bottom:18px}
.verdict .pct{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1;color:#5c743b;flex-shrink:0}
.verdict .txt{font-size:12px;color:#546148;line-height:1.6}
.verdict.warn{background:#fff3eb;border-color:#eed3c1}.warn .pct{color:var(--red)}
.num{font-variant-numeric:tabular-nums}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e2e7dc;border-radius:14px;overflow:hidden;margin-bottom:22px}
.stat{padding:16px 13px;background:#f8faf5;min-width:0}.stat+.stat{border-left:1px solid #e2e7dc}
.stat .k{display:block;font-size:9px;color:#66765b;margin-bottom:9px;font-weight:550}
.stat .v{font-size:25px;line-height:1.1;font-weight:600;letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.stat .s{font-size:9px;line-height:1.5;color:#75816b;margin-top:7px}
.stat.editable{background:#f0f5e7}
.stat-in{width:100%;color:var(--ink);background:transparent;border:1px solid transparent;border-bottom:1px dashed #a0b485;border-radius:5px;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit;padding:0 3px;margin-left:-3px}
.stat-in:focus{outline:2px solid #879d6a;outline-offset:2px}.stat.set .stat-in{color:#577431;border-bottom-style:solid}
.linkbtn{background:none;border:0;color:var(--accent);font:inherit;font-size:10px;text-decoration:underline;cursor:pointer;padding:7px 4px;margin:-7px -4px}
.edit-hint{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.6;color:#718064;margin-bottom:11px}
.edit-hint .pin{font-size:8px;line-height:1.5;letter-spacing:.2px;border-radius:4px;padding:3px 6px;color:#5e743e;background:#edf3e3;font-weight:650;flex-shrink:0}
.table-scroll{border:1px solid #dfe6d7;border-radius:14px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
thead th{padding:13px 16px;background:#f1f5eb;text-align:right;border-bottom:1px solid #dfe6d7;font-size:10px;font-weight:550;color:#66785a;white-space:nowrap}
thead th:first-child,tbody td:first-child{text-align:left}
tbody td{padding:9px 16px;text-align:right;font-size:12px;border-bottom:1px solid #edf0e8;color:#5e6a55}
tbody tr:last-child td{border-bottom:0}
tr.run{background:#fafcf7}.seg-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550}
tr.run .seg-name{color:#5e7640}tr.station .seg-name{color:#2f3e27}
.seg-idx{width:21px;height:21px;border-radius:6px;background:#edf1e7;color:#77886a;display:inline-flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}
tr.run .seg-idx{background:#eaf1de;color:#637d40}.cum{font-weight:600;color:#384b2c}
.split-wrap{display:inline-flex;gap:4px;align-items:center;justify-content:flex-end}.split-in{width:66px;border:1px solid #e6ecdf;background:white;border-radius:7px;padding:6px 7px;font:inherit;font-weight:550;color:#465e32;text-align:right;font-variant-numeric:tabular-nums;cursor:text}
.split-in:hover{border-color:#bccba9}.split-in:focus{outline:2px solid #859c65;outline-offset:1px;background:#f6f9f0}
tr.locked .split-in{background:#fff8d2;border-color:#dbc565;color:#66550c;font-weight:650}.unlock{display:none;border:0;background:none;color:#8a8060;font-size:16px;cursor:pointer;padding:8px 5px;margin:-8px -2px}.unlock:hover{color:var(--red)}tr.locked .unlock{display:inline-flex}tr.locked .seg-idx{background:#f7e690;color:#736012}
tr.finish td{background:#edf3e3;border-top:1px solid #d4e1c5;padding-top:15px;padding-bottom:15px}.finish .seg-name{font-size:13px;font-weight:650;color:#354d23}.finish .cum{font-size:18px;font-weight:650;color:#354d23}
.table-note,.note{font-size:10px;line-height:1.75;color:#748169;margin-top:12px}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}
.chart{border:1px solid #e1e8d9;border-radius:14px;padding:18px;background:#fcfdf9}
.chart-title{font-size:12px;font-weight:600;color:#415235;margin-bottom:5px}.chart-sub{font-size:9px;color:#77856c;line-height:1.5;margin-bottom:17px}
.bars{display:flex;gap:5px;height:145px;align-items:stretch}.bar-col{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.bar-track{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:5px}.bar{width:100%;border-radius:4px 4px 1px 1px;background:#9db775;min-height:3px;transition:height .3s}.bar.neutral{background:#c1ccB5}.bar.locked{background:#e8cb56}.bar-lbl,.bar-val{font-size:8px;white-space:nowrap;text-align:center;color:#70815f;font-variant-numeric:tabular-nums}.bar-lbl{overflow:hidden;text-overflow:ellipsis;max-width:100%}
#cohortNote{margin-top:20px}.state{padding:70px 25px;text-align:center;border:1px solid var(--line);border-radius:18px;font-size:14px;color:var(--muted);background:#f8faf4;line-height:1.7}
.pacing-app-cta{background:#182017;color:#fff;overflow:hidden}
.pacing-app-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:55px;padding-bottom:55px}
.pacing-app-inner>div{max-width:590px}.pacing-app-inner .eyebrow{color:#bfccaF;font-size:9px}.pacing-app-inner h2{font-size:39px;letter-spacing:-1.4px;margin:17px 0;line-height:1.1}.pacing-app-inner p:not(.eyebrow){color:#b1bfa6;font-size:13px;line-height:1.8;max-width:465px}.pacing-app-inner>img{width:175px;margin-right:7%;transform:rotate(8deg);filter:drop-shadow(0 15px 20px #0004)}.pacing-app-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:23px}.pacing-app-actions .button{font-size:12px;min-height:45px}.pacing-app-actions .text-link{color:#d6e1cd;font-size:11px}.pacing-app-inner small{display:block;font-size:9px;color:#9aaa8d;margin-top:16px;line-height:1.7}
#method{padding:65px 0;background:#f6f8f2}
#method .eyebrow{font-size:9px}.method-title{font-size:31px;letter-spacing:-1px;margin:15px 0 29px}
.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-bottom:50px}.method-step{border-top:1px solid #dbe4d1;padding-top:19px}.method-step-title{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:-.1px}.method-step .note{font-size:11px;margin-top:11px;color:#6c7b60}
.method-faqs{max-width:860px}.faq{border-bottom:1px solid #dfe6d7}.faq summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;gap:20px;font-size:13px;font-weight:550;padding:20px 0}.faq summary::-webkit-details-marker{display:none}.faq .sign{font-size:22px;font-weight:400;color:#829371}.faq[open] .sign{transform:rotate(45deg)}.faq .ans{padding:0 20px 22px 0;font-size:12px;color:#697b5b;line-height:1.8}.faq .ans a{color:#4d6834;text-decoration:underline;text-underline-offset:3px}.accent{color:var(--accent)}#method>.wrap>.note{margin-top:27px;max-width:900px}
@media(max-width:1100px){.calc{grid-template-columns:265px minmax(0,1fr);gap:24px}.calc-head{padding:20px}.data-proof{padding:16px}.pacing-intro h1{font-size:37px}.pacing-intro .eyebrow{font-size:8px}.pacing-intro>div>p:last-child{font-size:13px}.stat .v{font-size:22px}.stat{padding:14px 10px}.stat .k,.stat .s{font-size:8px}.charts{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.pacing-app-inner>img{margin-right:4%}.chip{padding:7px 8px}}
@media(max-width:850px){.pacing-intro{align-items:flex-start}.data-proof{display:none}.calc{grid-template-columns:235px minmax(0,1fr);gap:20px}.calc-head{padding:17px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid #e2e7dc}.stat .v{font-size:25px}.stat .k,.stat .s{font-size:9px}.seg button{font-size:10px}.chip{font-size:9px;padding:7px}.verdict{align-items:flex-start;gap:11px}.verdict .pct{font-size:25px}.verdict .txt{font-size:10px}.seg-name{font-size:11px;gap:6px}.split-in{width:56px}.pacing-page .nav nav{gap:14px;font-size:11px}.pacing-page .wrap{padding-left:4%;padding-right:4%}.actions{gap:6px}.btn{font-size:9px;padding:8px 11px}thead th,tbody td{padding-right:10px;padding-left:10px}}
@media(max-width:700px){.pacing-page .wrap{padding-left:6%;padding-right:6%}.pacing-intro{padding-top:30px;padding-bottom:26px}.pacing-intro h1{font-size:31px;letter-spacing:-1.2px;max-width:340px}.pacing-intro>div>p:last-child{font-size:12px}.calc{display:block}.calc-head{position:static;padding:20px;margin-bottom:27px;border-radius:17px}.settings-heading{margin-bottom:20px}.ctl-grid{grid-template-columns:1fr 1fr;gap:16px}.ctl-grid>div:first-child{grid-column:1/-1}.seg button{font-size:11px;padding:9px 6px}.ctl-label{font-size:10px}.target-row{flex-direction:row;align-items:center;gap:18px;margin-top:19px;padding-top:19px}.target-row>div:first-child{width:145px;flex-shrink:0}.time-input{padding:8px 5px}.time-input input{font-size:28px;width:35px}.time-input .unit{font-size:7px;margin-left:0}.slider-scale{font-size:8px}.chip{padding:8px 13px;font-size:10px}.preset-label{margin-top:16px}.results-heading h2{font-size:25px}.btn{font-size:10px;padding:9px 12px}.verdict .txt{font-size:11px}.verdict .pct{font-size:29px}.stat{padding:16px}.stat .k,.stat .s{font-size:10px}.stat .v{font-size:27px}.seg-name{font-size:11px;white-space:normal}.seg-idx{width:19px;height:19px;font-size:8px}.split-in{width:61px}.table-scroll{border-radius:12px}thead th{font-size:9px}tbody td{font-size:12px;padding-top:9px;padding-bottom:9px}.edit-hint{font-size:10px}.charts{gap:15px}.chart{padding:18px}.bar-lbl,.bar-val{font-size:9px}.pacing-app-inner{padding-top:42px;padding-bottom:42px;gap:22px}.pacing-app-inner h2{font-size:32px}.pacing-app-inner>img{width:110px;margin:0}.pacing-app-inner p:not(.eyebrow){font-size:12px}.pacing-app-actions{gap:16px}.pacing-app-actions .button{font-size:11px;padding:0 18px}.pacing-app-inner small{font-size:8px}.pacing-app-inner .eyebrow{font-size:8px;letter-spacing:1px}.method-grid{gap:25px 20px}.method-step-title{font-size:12px}.method-step .note{font-size:11px}.method-title{font-size:28px}.faq summary{font-size:12px}.faq .ans{font-size:11px}#method{padding:45px 0}#calculator{padding-bottom:42px}}
@media(max-width:400px){.target-row{gap:12px}.target-row>div:first-child{width:129px}.time-input input{width:31px;font-size:26px}.time-input .unit{font-size:6px}.slider-scale{font-size:7px}.pacing-page .wrap{padding-left:5%;padding-right:5%}.calc-head{padding:16px}.split-in{width:54px;padding:6px 4px}.unlock{padding:8px 3px}.split-wrap{gap:1px}thead th,tbody td{padding-left:8px;padding-right:8px}.seg-name{gap:5px;font-size:10px}.pacing-app-inner>img{display:none}.method-grid{grid-template-columns:1fr}.chip{padding:7px 12px}}
  .print-only{display:none;}
  @media print{
    @page{margin:11mm;}
    header.nav, header.pacing-intro, section:not(#calculator), footer, .skip,
    .glow,.ringghost,.no-print,.calc-head,.verdict,.charts,.actions,.edit-hint{display:none!important;}

    html,body{background:#fff!important;}
    *{background-image:none!important;box-shadow:none!important;text-shadow:none!important;
      color:#000!important;-webkit-text-fill-color:#000!important;
      filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
    .calc,.card,.summary,.stat,.table-scroll{background:#fff!important;}

    .wrap{padding:0!important;max-width:none!important;}
    .calc{display:block!important;border:0!important;border-radius:0!important;overflow:visible!important;}
    .calc-body{padding:0!important;}
    .reveal{opacity:1!important;transform:none!important;}

    .print-only{display:block!important;}
    .print-head{margin-bottom:14px;}
    .print-head .t{font-family:var(--display);font-weight:800;font-size:26px;
      text-transform:uppercase;line-height:1;}
    .print-head .s{font-size:12px;margin-top:5px;}

    .summary{border:1px solid #bbb!important;border-radius:0!important;gap:0!important;
      margin-bottom:12px!important;}
    .stat{border-right:1px solid #ddd!important;padding:10px 12px!important;}
    .stat .v{font-size:22px!important;}

    .table-scroll{overflow:visible!important;border:1px solid #bbb!important;border-radius:0!important;}
    table{min-width:0!important;}
    thead th{background:#eee!important;border-bottom:1px solid #999!important;}
    tbody td{border-bottom:1px solid #e3e3e3!important;padding:5px 10px!important;font-size:12.5px;}
    #calculator{padding:0!important;margin:0!important;}
    #results{margin:0!important;}
    tr{page-break-inside:avoid;}
    tr.finish td{border-top:2px solid #000!important;font-weight:700;}

    .split-in,.stat-in{border:0!important;background:transparent!important;
      width:auto!important;padding:0!important;margin:0!important;font-size:inherit!important;}
    .stat-in{font-family:var(--display)!important;font-weight:800!important;font-size:22px!important;}
    .unlock{display:none!important;}
    tr.locked .split-in{font-weight:800!important;text-decoration:underline;}
    .seg-idx{border:1px solid #bbb!important;}
    #cohortNote{font-size:10.5px;margin-top:10px!important;}
  }

