/* September 17: pricing page rebuilt in the service-editorial system.
   Scoped to .pricing-editorial so nothing here can reach the service pages. */

/* ---- Fee schedule, the hero object in the lead grid ---- */
.pricing-editorial .fee-sched-wrap{min-width:0}
.pricing-editorial .fee-sched{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;
  border-top:2px solid #ad8a58}
.pricing-editorial .fee-sched caption{caption-side:top;text-align:left;font-family:"General Sans",Arial,sans-serif;
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#7d5f33;font-weight:500;padding:0 0 18px}
.pricing-editorial .fee-sched th{font-family:"General Sans",Arial,sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:#55645f;font-weight:500;text-align:left;padding:16px 0 14px;
  border-bottom:1px solid #b9c3bc}
.pricing-editorial .fee-sched th:last-child{text-align:right}
.pricing-editorial .fee-sched td{padding:19px 0;border-bottom:1px solid #dce1db;vertical-align:baseline}
.pricing-editorial .fee-sched tr:last-child td{border-bottom:0}
.pricing-editorial .fee-sched .band{font-size:17px;line-height:1.5;color:#0c1a2d}
.pricing-editorial .fee-sched .rate{font-family:"Editor's Note",Georgia,serif;font-weight:300;font-size:32px;
  line-height:1;letter-spacing:-.01em;color:#7d5f33;text-align:right;white-space:nowrap}
.pricing-editorial .fee-sched-note{font-size:14px;line-height:1.7;color:#55645f;margin:20px 0 0;max-width:46ch}

/* ---- Calculator, sitting in the sage band beside the copy ---- */
.pricing-editorial .fee-calc-panel{min-width:0;background:#fcfcf9;border:1px solid #d4ddd7;border-radius:12px;
  padding:34px 34px 30px}
.pricing-editorial .fee-calc-label{display:block;font-family:"General Sans",Arial,sans-serif;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:#55645f;font-weight:500;margin:0 0 12px}
.pricing-editorial .fee-calc-entry{display:flex;align-items:baseline;gap:4px;border-bottom:1px solid #b9c3bc;
  padding-bottom:10px}
.pricing-editorial .fee-calc-entry span{font-family:"Editor's Note",Georgia,serif;font-weight:300;font-size:38px;
  line-height:1;color:#0c1a2d}
.pricing-editorial .fee-calc-entry input[type=text]{flex:1;min-width:0;font-family:"Editor's Note",Georgia,serif;
  font-weight:300;font-size:38px;line-height:1.1;color:#0c1a2d;background:transparent;border:0;padding:0;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;-moz-appearance:textfield}
.pricing-editorial .fee-calc-entry input:focus{outline:none}
.pricing-editorial .fee-calc-entry:focus-within{border-bottom-color:#0c1a2d}
.pricing-editorial input[type=range]{width:100%;margin:20px 0 4px;accent-color:#7d5f33;height:24px;cursor:pointer}
.pricing-editorial .fee-calc-ends{display:flex;justify-content:space-between;font-size:12px;color:#6a7873;
  font-variant-numeric:tabular-nums}
.pricing-editorial .fee-calc-out{margin:26px 0 0;padding:24px 0 0;border-top:1px solid #dce1db}
.pricing-editorial .fee-calc-headline{display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  flex-wrap:wrap}
.pricing-editorial .fee-calc-headline dt{font-family:"General Sans",Arial,sans-serif;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:#55645f;font-weight:500;margin:0 0 6px}
.pricing-editorial .fee-calc-headline dd{margin:0;font-family:"Editor's Note",Georgia,serif;font-weight:300;
  font-size:clamp(30px,3vw,40px);line-height:1;color:#0c1a2d;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pricing-editorial .fee-calc-headline .blend dd{color:#7d5f33;font-size:clamp(40px,4.4vw,56px)}
.pricing-editorial .fee-calc-headline .blend dt{font-size:12.5px}
.pricing-editorial .fee-calc-rows{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid #dce1db}
.pricing-editorial .fee-calc-rows li{display:flex;justify-content:space-between;gap:18px;padding:11px 0;
  border-bottom:1px solid #eceee9;font-size:14.5px;line-height:1.5;color:#4c585b;font-variant-numeric:tabular-nums}
.pricing-editorial .fee-calc-rows li:last-child{border-bottom:0}
.pricing-editorial .fee-calc-rows li[data-used="false"]{color:#9aa6a0}
.pricing-editorial .fee-calc-rows b{font-weight:500;color:#0c1a2d}
.pricing-editorial .fee-calc-rows li[data-used="false"] b{font-weight:400;color:#9aa6a0}
.pricing-editorial .fee-calc-foot{font-size:13px;line-height:1.7;color:#55645f;margin:20px 0 0}
.pricing-editorial noscript .fee-calc-foot{margin-top:0}


@media(max-width:1100px){
 .pricing-editorial .fee-sched .rate{font-size:28px}
 .pricing-editorial .fee-calc-panel{padding:28px 26px 26px}
}
@media(max-width:760px){
 .pricing-editorial .fee-sched-wrap{margin-top:6px}
 .pricing-editorial .fee-sched td{padding:15px 0}
 .pricing-editorial .fee-sched .band{font-size:16px}
 .pricing-editorial .fee-sched .rate{font-size:26px}
 .pricing-editorial .fee-calc-panel{padding:24px 20px 22px}
 .pricing-editorial .fee-calc-entry span{font-size:32px}
 /* site-polish.css pins every input to 16px !important under 760px to stop iOS
    zoom-on-focus. 32px is well above that threshold, so overriding it here keeps
    the guard's purpose intact and keeps the figure matched to its dollar sign. */
 .pricing-editorial .fee-calc-entry input[type=text]{font-size:32px!important}
 .pricing-editorial .fee-calc-headline{gap:14px}
 .pricing-editorial .fee-calc-headline>div{flex:1 1 44%}
}
@media(prefers-reduced-motion:reduce){.pricing-editorial *{scroll-behavior:auto}}
@media print{
 .pricing-editorial .fee-calc-panel{border-color:#ccc}
 .pricing-editorial input[type=range]{display:none}
}

/* ---- One ground, one object (Sept 18, evening) ----

   Joseph, after the chapter rhythm shipped: "it still reads very blockish. Would it be
   better to have just one colour for the whole page?" He gave full creative discretion
   and asked for a redesign based on what the top sites do.

   THE SURVEY. Facet, Rivertree and AllStreet pricing pages, zoomed out so the whole page
   fits one frame: every one of them is a SINGLE ground colour with structure carried by
   contained objects (cards, panels, an inset block). Facet: cream ground, plan cards,
   dark footer. AllStreet: white ground, four cards, two inverted to black. Rivertree:
   warm ground, white FAQ cards, an inset dark CTA rectangle. None puts a full-bleed
   colour change mid-page. And Joseph's own tax-planning page, the one he loves, is one
   cream ground for three quarters of its length with a single tinted close. What made
   pricing read as blocks was never the size of the bands. It was that a band sat in the
   MIDDLE of the page. A block in the middle is a block at any height.

   THE DESIGN. One cream ground, #fcfcf9, top to bottom. Sections are articulated by
   warm hairlines and spacing, never by colour. The fee calculator is the single dark
   object on the page: navy, with the rate in gold, which is the strongest pairing the
   brand owns (nav, footer, CTA). The page has one job, to show the number, and the
   number is now the one thing on the page that the eye cannot miss. This is AllStreet's
   inverted card and Facet's dark table, done in this site's own colours.

   Sand survives in one place: the hairlines, which are the sand's own darker values.
   The sand BANDS are gone. If a future session is tempted to reintroduce a mid-page
   colour band on this page, re-read this note first.

   SCOPED TO .pricing-editorial ON PURPOSE. The seven service pages keep their sage
   close. Propagating a one-ground treatment to them is a separate decision. */

/* the ground: every section on this page sits on the same cream */
.pricing-editorial main>.service-example,
.pricing-editorial main>.service-reading,
.pricing-editorial main>.service-questions,
.pricing-editorial main>.service-related{background:#fcfcf9}

/* rhythm on a single ground: even, generous, no chapter edges to exaggerate */
.pricing-editorial main>.service-lead{padding:150px 0 64px}
.pricing-editorial main>.service-overview{padding:0 0 64px}
.pricing-editorial main>.service-example{padding:0 0 64px}
.pricing-editorial main>.service-reading{padding:0 0 64px}
.pricing-editorial main>.service-questions{padding:0 0 64px}
.pricing-editorial main>.service-related{padding:0 0 88px}

/* section articulation: one warm hairline opens each section, the tax page's device.
   The reading-grid rule from service-readability.css is kept here and warmed rather
   than removed; on one ground it is doing the right job. */
.pricing-editorial{--reading-rule:#e0d7c6}
.pricing-editorial .service-example>.wrap,
.pricing-editorial .service-reading .service-reading-grid,
.pricing-editorial .service-questions>.wrap{border-top:1px solid #e0d7c6;padding-top:64px}
.pricing-editorial .service-reading .service-reading-grid,
.pricing-editorial .service-questions>.wrap{padding-top:48px}

/* the navy close: .banner markup is shared by all 15 pages, so this stays scoped */
.pricing-editorial .banner{padding:34px 0}
.pricing-editorial .banner-in{gap:32px}

/* ---- The object: the calculator in navy and gold ---- */
.pricing-editorial .fee-calc-panel{
  background-color:#0c1a2d;background-image:linear-gradient(168deg,#08121f,#0c1a2d 70%);
  border:1px solid #0c1a2d;border-radius:14px;
  box-shadow:0 24px 60px rgba(12,26,45,.16);
  padding:38px 38px 32px}
.pricing-editorial .fee-calc-label,
.pricing-editorial .fee-calc-headline dt{color:#c7cdd6}
.pricing-editorial .fee-calc-entry{border-bottom-color:rgba(243,243,243,.32)}
.pricing-editorial .fee-calc-entry:focus-within{border-bottom-color:#d7b486}
.pricing-editorial .fee-calc-entry span,
.pricing-editorial .fee-calc-entry input[type=text]{color:#f3f3f3}
.pricing-editorial .fee-calc-entry input[type=text]::selection{background:#d7b486;color:#0c1a2d}
.pricing-editorial input[type=range]{accent-color:#d7b486}
.pricing-editorial .fee-calc-ends{color:#a8b2c0}
.pricing-editorial .fee-calc-out,
.pricing-editorial .fee-calc-rows{border-top-color:rgba(243,243,243,.14)}
.pricing-editorial .fee-calc-headline .blend dd{color:#d7b486}
.pricing-editorial .fee-calc-rows li{color:#c7cdd6;border-bottom-color:rgba(243,243,243,.08)}
.pricing-editorial .fee-calc-rows b{color:#f3f3f3}
.pricing-editorial .fee-calc-rows li[data-used="false"],
.pricing-editorial .fee-calc-rows li[data-used="false"] b{color:#8a95a3}
/* three classes deep on purpose: one-ground.css sets every service-page <p> to navy-grey at
   (0,2,2), and this paragraph sits on navy. A class outranks any number of elements. */
.pricing-editorial .fee-calc-panel .fee-calc-foot{color:#a8b2c0}
.pricing-editorial .fee-calc-panel :is(input,button):focus-visible{outline:2px solid #d7b486;outline-offset:4px}

/* ---- Warm greys and hairlines on the cream, the last of the sage system ---- */
.pricing-editorial .service-expander>summary>svg,
.pricing-editorial .service-question>summary>svg{color:#6f695c}
.pricing-editorial .fee-sched th{color:#5f5a4e}
.pricing-editorial .service-other-links>a{color:#5c584e}
.pricing-editorial .service-text-link{border-bottom-color:#bcae93}
.pricing-editorial .service-back{border-bottom-color:#c0b49a}
.pricing-editorial .service-overview>.wrap,
.pricing-editorial .reading-links,
.pricing-editorial .service-other-links{border-top-color:#e0d7c6!important}
.pricing-editorial .service-expander,
.pricing-editorial .service-expander:first-child,
.pricing-editorial .service-question{border-color:#d8ceba}
.pricing-editorial .fee-sched td{border-bottom-color:#e0d7c6}
.pricing-editorial .fee-sched th{border-bottom-color:#bcae93}

@media(max-width:1100px){
 .pricing-editorial .fee-calc-panel{padding:30px 28px 26px}
}
@media(max-width:760px){
 .pricing-editorial main>.service-lead{padding:112px 0 40px}
 .pricing-editorial main>.service-overview{padding:28px 0 64px}
 .pricing-editorial main>.service-example{padding:0 0 64px}
 .pricing-editorial main>.service-reading{padding:0 0 64px}
 .pricing-editorial main>.service-questions{padding:0 0 36px}
 .pricing-editorial main>.service-related{padding:0 0 68px}
 .pricing-editorial .service-example>.wrap{padding-top:48px}
 .pricing-editorial .service-reading .service-reading-grid,
 .pricing-editorial .service-questions>.wrap{padding-top:36px}
 .pricing-editorial .fee-calc-panel{padding:26px 22px 24px;border-radius:12px;box-shadow:0 18px 40px rgba(12,26,45,.14)}
 .pricing-editorial .banner{padding:34px 0}
}

/* ---- Sept 19, evening: the fee schedule becomes a sand card, aligned to the headline;
   the calculator shrinks to sit with its copy (Joseph: "make the portfolio artifact
   smaller so it is congruent and sized to fit with the What it works out to text"). ---- */
.pricing-editorial .service-lead-grid{align-items:start}
.pricing-editorial .fee-sched-wrap{margin-top:69px;background:#efe7d9;border-radius:14px;padding:30px 34px 26px}
.pricing-editorial .fee-sched{border-top:0}
.pricing-editorial .fee-sched caption{color:#7d5f33;padding:0 0 14px;border-bottom:2px solid #ad8a58}
.pricing-editorial .fee-sched th{color:#5c584e;border-bottom-color:#d2c6b0;padding:14px 0 12px}
.pricing-editorial .fee-sched td{border-bottom-color:#e0d5c2;padding:17px 0}
.pricing-editorial .fee-sched .band{font-size:16.5px}
.pricing-editorial .fee-sched .rate{font-size:30px}
/* the calculator: same object, two thirds the size */
.pricing-editorial .fee-calc-panel{padding:26px 28px 22px;border-radius:12px;box-shadow:0 18px 44px rgba(12,26,45,.14)}
.pricing-editorial .fee-calc-label{font-size:11px;margin-bottom:4px}
.pricing-editorial .fee-calc-entry span,
.pricing-editorial .fee-calc-entry input[type=text]{font-size:30px}
.pricing-editorial .fee-calc-entry{padding-bottom:4px}
.pricing-editorial .fee-calc-headline{margin-top:18px;gap:16px}
.pricing-editorial .fee-calc-headline dd{font-size:26px}
.pricing-editorial .fee-calc-headline .blend dd{font-size:clamp(30px,3vw,38px)}
.pricing-editorial .fee-calc-headline dt,.pricing-editorial .fee-calc-headline .blend dt{font-size:11px}
.pricing-editorial .fee-calc-rows{margin-top:16px}
.pricing-editorial .fee-calc-rows li{padding:8px 0;font-size:13px}
.pricing-editorial .fee-calc-foot{font-size:12px;line-height:1.6;margin-top:14px}
@media(max-width:900px){
 .pricing-editorial .fee-sched-wrap{margin-top:0;padding:24px 22px 20px}
 .pricing-editorial .service-lead-grid{align-items:stretch}
}
@media(max-width:760px){
 .pricing-editorial .fee-calc-panel{padding:22px 18px 20px}
 .pricing-editorial .fee-calc-entry input[type=text]{font-size:30px!important}
}

/* ---- Sept 19, later: the calculator loses its navy. Joseph: "take the blue background off
   the what it works out to table and make it nice and clean like the fee table, and shrink it
   to be in line with the text." It is now a bare table on the ground, the fee schedule's
   vocabulary (caption, gold rule, warm hairlines, gold-text figures), laid out as a small grid
   so the amount and the blended rate share one row and the whole object sits at the height of
   its copy. The navy block above is overridden here rather than removed so it can come back
   with a delete. ---- */
.pricing-editorial .fee-calc-panel{
  background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;padding:0;
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:end}
.pricing-editorial .fee-calc-label{grid-column:1/-1;grid-row:1;font-size:12px;letter-spacing:.2em;color:#7d5f33;
  margin:0 0 18px;padding:0 0 14px;border-bottom:2px solid #ad8a58}
.pricing-editorial .fee-calc-entry{grid-column:1;grid-row:2;border-bottom:1px solid #d8ceba;padding-bottom:6px}
.pricing-editorial .fee-calc-entry:focus-within{border-bottom-color:#0c1a2d}
.pricing-editorial .fee-calc-entry span,
.pricing-editorial .fee-calc-entry input[type=text]{color:#0c1a2d;font-size:30px}
.pricing-editorial .fee-calc-entry input[type=text]::selection{background:#efe7d9;color:#0c1a2d}
.pricing-editorial input[type=range]{grid-column:1;grid-row:3;margin:14px 0 2px;accent-color:#7d5f33;height:20px}
.pricing-editorial .fee-calc-ends{grid-column:1;grid-row:4;color:#4a5568}
.pricing-editorial .fee-calc-out{grid-column:2;grid-row:2/5;margin:0;padding:0;border-top:0;text-align:right;
  display:block;align-self:start}
.pricing-editorial .fee-calc-headline dt,.pricing-editorial .fee-calc-headline .blend dt{color:#4a5568;font-size:11px;margin-bottom:4px}
.pricing-editorial .fee-calc-headline .blend dd{color:#7d5f33;font-size:clamp(30px,3vw,38px)}
.pricing-editorial .fee-calc-rows{grid-column:1/-1;grid-row:5;margin:22px 0 0;border-top:1px solid #d8ceba}
.pricing-editorial .fee-calc-rows li{color:#4a5568;border-bottom-color:#e0d7c6;padding:9px 0;font-size:13.5px}
.pricing-editorial .fee-calc-rows b{color:#0c1a2d}
.pricing-editorial .fee-calc-rows li[data-used="false"],
.pricing-editorial .fee-calc-rows li[data-used="false"] b{color:#9a9184}
.pricing-editorial .fee-calc-panel .fee-calc-foot{grid-column:1/-1;grid-row:6;color:#6f695c;font-size:12px;margin-top:12px}
.pricing-editorial .fee-calc-panel :is(input,button):focus-visible{outline:2px solid #7d5f33;outline-offset:4px}
.pricing-editorial noscript{grid-column:1/-1}
@media(min-width:901px){
 .pricing-editorial .service-example>.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:84px}
}
@media(max-width:760px){
 .pricing-editorial .fee-calc-panel{padding:0;border-radius:0;box-shadow:none;grid-template-columns:minmax(0,1fr);column-gap:0}
 .pricing-editorial .fee-calc-out{grid-column:1;grid-row:5;text-align:left;margin-top:18px}
 .pricing-editorial .fee-calc-rows{grid-row:6}
 .pricing-editorial .fee-calc-panel .fee-calc-foot{grid-row:7}
}

/* ---- Sept 20: the fee schedule loses its sand card, the same move the calculator made the
   night before (Joseph: "take off the sand background on the fee table"). It is now a bare
   table on the ground: gold caption rule, warm hairlines, gold-text figures, aligned to the
   headline. The sand block above is overridden here rather than removed so it can come back
   with a delete. ---- */
.pricing-editorial .fee-sched-wrap{background:transparent;border-radius:0;padding:0;margin-top:99px}
.pricing-editorial .fee-sched caption{border-bottom-color:#ad8a58}
.pricing-editorial .fee-sched th{border-bottom-color:#bcae93}
.pricing-editorial .fee-sched td{border-bottom-color:#e0d7c6}
@media(max-width:900px){
 .pricing-editorial .fee-sched-wrap{margin-top:0;padding:0}
}

/* ---- Sept 25: backgrounds come back, segmented this time (Joseph: "put backgrounds on the fee
   table... a little bit more segmented on the fee table and also on the sliding fee table below
   it"). Both are now sand cards (#efe7d9, his Sept 18 pick) holding white tier segments, and the
   four tiers carry one colour each, navy to pale gold, in BOTH objects: a swatch on every row
   and a split bar in the calculator showing where each dollar of the amount falls. This is a
   contained object, not a band; the one-ground rule against mid-page colour bands still holds.
   Unused tiers were #9a9184 on cream (3.02:1, an axe failure); they are now #675f52 on #f6f1e8. ---- */
.pricing-editorial{--tier1:#0c1a2d;--tier2:#7d5f33;--tier3:#d7b486;--tier4:#e6d8bd}
.pricing-editorial .fee-sched-wrap{background:#efe7d9;border-radius:22px;padding:26px 24px 16px;margin-top:73px;
  box-shadow:0 30px 60px -44px rgba(12,26,45,.45)}
.pricing-editorial .fee-sched{border-collapse:separate;border-spacing:0 8px;margin-top:-4px}
.pricing-editorial .fee-sched caption{padding:0 4px 14px;border-bottom:2px solid #ad8a58;margin:0 0 6px}
.pricing-editorial .fee-sched th{border-bottom:0;padding:12px 20px 2px;color:#5c584e}
.pricing-editorial .fee-sched tbody td{background:#fffdf8;border-bottom:0;padding:17px 20px;vertical-align:middle;
  transition:background .25s ease,box-shadow .25s ease}
.pricing-editorial .fee-sched tbody td:first-child{border-radius:14px 0 0 14px}
.pricing-editorial .fee-sched tbody td:last-child{border-radius:0 14px 14px 0}
.pricing-editorial .fee-sched tbody tr:hover td{background:#fff;box-shadow:0 10px 24px -18px rgba(12,26,45,.5)}
.pricing-editorial .fee-sched .band{display:table-cell}
.pricing-editorial .fee-sched .band::before{content:"";display:inline-block;vertical-align:-7px;width:10px;height:26px;border-radius:5px;margin-right:14px;background:var(--tier1)}
.pricing-editorial .fee-sched tbody tr:nth-child(2) .band::before{background:var(--tier2)}
.pricing-editorial .fee-sched tbody tr:nth-child(3) .band::before{background:var(--tier3)}
.pricing-editorial .fee-sched tbody tr:nth-child(4) .band::before{background:var(--tier4)}
.pricing-editorial .fee-sched .rate{line-height:1}

.pricing-editorial .fee-calc-panel{background:#efe7d9;border-radius:22px;padding:28px 28px 22px;
  box-shadow:0 30px 60px -44px rgba(12,26,45,.45)}
.pricing-editorial .fee-calc-label{margin-bottom:20px}
.pricing-editorial .fee-calc-entry{background:#fffdf8;border:1px solid #e0d5c2;border-radius:14px;padding:8px 16px 6px}
.pricing-editorial .fee-calc-entry:focus-within{border-color:#0c1a2d}
.pricing-editorial input[type=range]{margin:18px 2px 2px}
.pricing-editorial .fee-calc-ends{padding:0 2px}
/* the blended rate sits on a white segment, not navy: Joseph took the navy off this object on Sept 19 */
.pricing-editorial .fee-calc-out{background:#fffdf8;border-radius:16px;padding:16px 20px 18px;min-width:168px;
  box-shadow:0 14px 30px -24px rgba(12,26,45,.55)}
.pricing-editorial .fee-calc-split{grid-column:1/-1;grid-row:5;display:flex;height:12px;margin:22px 0 0;border-radius:6px;overflow:hidden;
  background:#fffdf8;box-shadow:inset 0 0 0 1px #e0d5c2}
.pricing-editorial .fee-calc-split span{display:block;height:100%;width:0;transition:width .35s cubic-bezier(.22,.61,.36,1)}
.pricing-editorial .fee-calc-split span:nth-child(1){background:var(--tier1)}
.pricing-editorial .fee-calc-split span:nth-child(2){background:var(--tier2)}
.pricing-editorial .fee-calc-split span:nth-child(3){background:var(--tier3)}
.pricing-editorial .fee-calc-split span:nth-child(4){background:var(--tier4)}
.pricing-editorial .fee-calc-split span+span{box-shadow:inset 1px 0 0 #fffdf8}
.pricing-editorial .fee-calc-rows{grid-row:6;margin:14px 0 0;border-top:0;display:grid;gap:6px}
.pricing-editorial .fee-calc-rows li{background:#fffdf8;border:0;border-radius:12px;padding:11px 16px;font-size:14px;color:#4a5568;
  align-items:center;transition:background .25s ease,color .25s ease}
.pricing-editorial .fee-calc-rows li::before{content:"";flex:none;width:8px;height:20px;border-radius:4px;background:var(--tier1);margin-right:-4px}
.pricing-editorial .fee-calc-rows li:nth-child(2)::before{background:var(--tier2)}
.pricing-editorial .fee-calc-rows li:nth-child(3)::before{background:var(--tier3)}
.pricing-editorial .fee-calc-rows li:nth-child(4)::before{background:var(--tier4)}
.pricing-editorial .fee-calc-rows li>span{flex:1}
.pricing-editorial .fee-calc-rows li[data-used="false"]{background:#f6f1e8;color:#675f52}
.pricing-editorial .fee-calc-rows li[data-used="false"] b{color:#675f52}
.pricing-editorial .fee-calc-rows li[data-used="false"]::before{opacity:.35}
.pricing-editorial .fee-calc-panel .fee-calc-foot{grid-row:7;color:#5c584e;margin-top:14px}
.pricing-editorial .fee-calc-panel :is(input,button):focus-visible{outline:2px solid #0c1a2d;outline-offset:4px}
@media(max-width:900px){
 .pricing-editorial .fee-sched-wrap{margin-top:0;padding:20px 16px 10px}
}
@media(max-width:760px){
 .pricing-editorial .fee-sched tbody td{padding:15px 14px}
 .pricing-editorial .fee-sched th{padding:12px 14px 2px}
 .pricing-editorial .fee-sched .band::before{margin-right:11px}
 .pricing-editorial .fee-calc-panel{padding:22px 16px 18px;border-radius:18px}
 .pricing-editorial .fee-calc-out{grid-row:5;margin-top:16px;text-align:left}
 .pricing-editorial .fee-calc-split{grid-row:6}
 .pricing-editorial .fee-calc-rows{grid-row:7}
 .pricing-editorial .fee-calc-panel .fee-calc-foot{grid-row:8}
}
@media (prefers-reduced-motion:reduce){
 .pricing-editorial .fee-calc-split span,.pricing-editorial .fee-sched tbody td,.pricing-editorial .fee-calc-rows li{transition:none}
}

/* ---- Sept 25, later: quieter (Joseph: "there's a lot going on... a lot of colors and it's
   visually very confusing... can we make it blend into the background a little more").
   What made it busy was layering, not the sand itself: a tinted card, a drop shadow, white pills
   inside it, four tier colours as swatches, a two-tone split bar and a white box with its own
   shadow for the blended rate. Now each object is ONE quiet surface: sand at half strength over
   the cream ground (#f5f1e9 = #efe7d9 mixed 50/50 with #fcfcf9, NOT the retired #F4F0E6), a
   hairline edge instead of a shadow, rows separated by hairlines, no tier colours, no split bar,
   and one accent left on the page: gold-text on the rates. The blocks above are overridden here
   rather than deleted so any of it can come back with a delete. ---- */
.pricing-editorial .fee-sched-wrap,
.pricing-editorial .fee-calc-panel{background:#f5f1e9;box-shadow:none;border:1px solid #ebe4d7;border-radius:18px}
.pricing-editorial .fee-sched{border-collapse:collapse;border-spacing:0;margin-top:0}
.pricing-editorial .fee-sched caption{padding:0 0 14px;margin:0}
.pricing-editorial .fee-sched th{padding:16px 0 10px;border-bottom:1px solid #d8ceba}
.pricing-editorial .fee-sched tbody td{background:transparent;border-radius:0;border-bottom:1px solid #e6dccb;padding:18px 0;box-shadow:none}
.pricing-editorial .fee-sched tbody tr:last-child td{border-bottom:0}
.pricing-editorial .fee-sched tbody td:first-child,
.pricing-editorial .fee-sched tbody td:last-child{border-radius:0}
.pricing-editorial .fee-sched tbody tr:hover td{background:transparent;box-shadow:none}
.pricing-editorial .fee-sched .band::before{display:none}
.pricing-editorial .fee-sched-wrap{padding:28px 30px 12px}

.pricing-editorial .fee-calc-panel{padding:28px 30px 22px}
.pricing-editorial .fee-calc-entry{border-color:#e3dac9;border-radius:10px}
.pricing-editorial .fee-calc-out{background:transparent;box-shadow:none;border-radius:0;padding:2px 0 0;min-width:0}
.pricing-editorial .fee-calc-split{display:none}
.pricing-editorial .fee-calc-rows{grid-row:6;margin:22px 0 0;border-top:1px solid #d8ceba;display:block}
.pricing-editorial .fee-calc-rows li{background:transparent;border-radius:0;border-bottom:1px solid #e6dccb;padding:11px 0;color:#4a5568}
.pricing-editorial .fee-calc-rows li:last-child{border-bottom:0}
.pricing-editorial .fee-calc-rows li::before{display:none}
.pricing-editorial .fee-calc-rows li[data-used="false"]{background:transparent;color:#675f52}
@media(max-width:900px){
 .pricing-editorial .fee-sched-wrap{padding:22px 20px 8px}
}
@media(max-width:760px){
 .pricing-editorial .fee-sched tbody td{padding:15px 0}
 .pricing-editorial .fee-sched th{padding:14px 0 8px}
 .pricing-editorial .fee-calc-panel{padding:22px 18px 18px;border-radius:16px}
 .pricing-editorial .fee-calc-rows{grid-row:7}
}

/* ---- Sept 25, evening: two small ones (Joseph).
   1. The fee schedule answers the pointer: "when they hover over first one million... it glows".
      A hovered tier lights up as a white pill with a fine warm edge, a gold bar on its left and a
      faint gold halo on the rate. The edge is drawn with inset shadows on purpose: an outer drop
      shadow is painted per table cell and leaves a visible notch where the two cells meet. Hairlines are row tops now (not bottoms) so the two lines
      touching a hovered row can both step aside and the pill floats clean. Cells carry 14px of
      side padding at rest, so nothing shifts when the pill appears.
   2. (Retired the same night: Joseph tried the calculator at 360px, found it too small and said he
      liked it better before, so that block is gone. See the "Sept 25, night" block below.) ---- */
.pricing-editorial .fee-sched{border-collapse:separate;border-spacing:0}
.pricing-editorial .fee-sched caption{padding:0 14px 14px}
.pricing-editorial .fee-sched th{padding:16px 14px 10px}
.pricing-editorial .fee-sched tbody td{padding:18px 14px;border-bottom:0;border-top:1px solid #e6dccb;
  transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease,color .3s ease,text-shadow .3s ease}
.pricing-editorial .fee-sched tbody tr:first-child td{border-top-color:transparent}
.pricing-editorial .fee-sched tbody tr:hover td{background:#fffdf8;border-top-color:transparent;
  box-shadow:inset 0 1px 0 #eadfcb,inset 0 -1px 0 #eadfcb}
.pricing-editorial .fee-sched tbody tr:hover+tr td{border-top-color:transparent}
.pricing-editorial .fee-sched tbody tr:hover td:first-child{border-radius:10px 0 0 10px;
  box-shadow:inset 3px 0 0 #d7b486,inset 0 1px 0 #eadfcb,inset 0 -1px 0 #eadfcb}
.pricing-editorial .fee-sched tbody tr:hover td:last-child{border-radius:0 10px 10px 0;
  box-shadow:inset -1px 0 0 #eadfcb,inset 0 1px 0 #eadfcb,inset 0 -1px 0 #eadfcb}
.pricing-editorial .fee-sched tbody tr:hover .band{color:#0c1a2d}
.pricing-editorial .fee-sched tbody tr:hover .rate{text-shadow:0 0 20px rgba(215,180,134,.9)}
.pricing-editorial .fee-sched-wrap{padding:28px 16px 12px}
@media(max-width:900px){
 .pricing-editorial .fee-sched-wrap{padding:22px 8px 8px}
}
@media(max-width:760px){
 .pricing-editorial .fee-sched tbody td{padding:15px 12px}
 .pricing-editorial .fee-sched th{padding:14px 12px 8px}
 .pricing-editorial .fee-sched caption{padding:0 12px 14px}
}
@media (prefers-reduced-motion:reduce){
 .pricing-editorial .fee-sched tbody td{transition:none}
}

/* ---- Sept 25, night (Joseph): "take it off of the sand background and just have it be on the
   regular website background... make it a little bit bigger... I liked it better before".
   The calculator is back at its full size (the evening 360px compaction above is deleted) and
   sits directly on the page ground: no fill, no edge, no side padding, so its label, input and
   hairline rows line up with the column like the rest of the page. The fee schedule above keeps
   its quiet surface; this only touches the calculator. ---- */
.pricing-editorial .fee-calc-panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:6px 0 0}
@media(max-width:760px){
 .pricing-editorial .fee-calc-panel{padding:4px 0 0;border-radius:0}
}