/* Copy made by scripts/build-details-pages.py from regions/shared/details.css. Do not edit this copy. */
/* The details page of a calculator (Neil, 2026-10-13): the standard text page look, on the calculators' cream ground: a narrow column, a serif title, a Back button, About chips.
   Copies: css/details.css (world); the arm reaches regions/shared/details.css. Loaded after calc-page.css (it supplies the colours and the table look). */
body.dt-body{background:var(--cp-bg,#F7F1E6);color:var(--cp-ink,#1B1712)}
main.dt-wrap{box-sizing:border-box;max-width:760px;margin:0 auto;padding:28px 16px 18px}
.dt-kick{margin:0 0 6px;font:700 12px var(--cp-sans,'Manrope',system-ui,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--cp-brass,#8A5A0B)}
.dt-h1{margin:0 0 14px;font-family:var(--cp-serif,'DM Serif Display',Georgia,serif);font-weight:400;font-size:34px;line-height:1.1;color:var(--cp-ink,#1B1712)}
.dt-back{margin:0 0 18px}
.dt-back .ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--cp-brass-fill,#C9A66B);color:#14181C;border:1px solid #14181C;font:700 16px var(--cp-sans,'Manrope',system-ui,sans-serif);text-decoration:none}
.dt-back .ui-btn:focus-visible{outline:3px solid #14181C;outline-offset:3px}
.dt-text{padding:0}
.dt-text .cp-ex-p,.dt-text p{margin:0 0 12px;font-size:17px;line-height:1.55;max-width:70ch;color:var(--cp-ink,#1B1712)}
.dt-text h3,.dt-text .cp-ex-h{font-family:var(--cp-serif,'DM Serif Display',Georgia,serif);font-weight:400;font-size:22px;line-height:1.2;margin:24px 0 8px;color:var(--cp-ink,#1B1712)}
.dt-text .wp-gen p{margin:0 0 12px}
.dt-text .aboutgrid{display:block}.dt-text .aboutgrid>div{margin:0 0 8px}
.dt-text a{color:inherit;text-decoration:underline}
.dt-text .cp-ex-body{padding:0}
.dt-text .cp-tablewrap{overflow-x:auto;margin:0 0 14px}
.dt-text .macro-line{color:var(--cp-muted,#5A5143);font-size:15px}
.dt-text small{font-size:14px;color:var(--cp-muted,#5A5143)}
.dt-empty{color:var(--cp-muted,#5A5143)}
.dt-foot{margin:34px 0 0;padding-top:16px;border-top:1px solid var(--cp-line,#DCCFB6)}
.dt-foot .ui-chips{display:flex;flex-wrap:wrap;gap:8px}
.dt-foot .ui-chiplink{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #6B4A08;background:#fff;color:#1B1712;font:600 14px var(--cp-sans,'Manrope',system-ui,sans-serif);text-decoration:none}
@media(max-width:700px){.dt-h1{font-size:28px}main.dt-wrap{padding-top:20px}}