/* Existing homepage palette, dimensions and component language. */
:root{--cp-color-primary:#236653;--cp-color-text:#203b33;--cp-color-muted:#52675f;--cp-color-background:#fbfcf9;--cp-color-surface:#fff;--cp-color-surface-soft:#edf3ee;--cp-color-border:#d8e2dc;--cp-color-focus:#a64c20;--cp-radius-sm:6px;--cp-radius-md:10px;--cp-radius-lg:14px;--cp-shadow-sm:0 8px 26px #203b3305;--cp-container:1120px;--cp-content-reading:880px;--cp-space-xs:8px;--cp-space-sm:12px;--cp-space-md:24px;--cp-space-lg:40px;--cp-space-xl:56px;--cp-ink:var(--cp-color-text);--cp-muted:var(--cp-color-muted);--cp-green:var(--cp-color-primary);--cp-line:var(--cp-color-border);--cp-paper:var(--cp-color-background);--cp-tint:var(--cp-color-surface-soft)}
.cp-card{background:var(--cp-color-surface);border:1px solid var(--cp-line);border-radius:var(--cp-radius-lg);box-shadow:var(--cp-shadow-sm);padding:var(--cp-space-md)}
.cp-page .cp-wrap{width:min(var(--cp-container),calc(100% - 40px));margin-inline:auto}
.cp-document{padding-block:var(--cp-space-lg) var(--cp-space-xl)}
.cp-page-content{width:100%;min-width:0;margin:0 auto;background:transparent;border:0;box-shadow:none}
.cp-document-heading{margin-bottom:var(--cp-space-md)}
.cp-page-content--reading{max-width:var(--cp-content-reading);margin-inline:auto}
.cp-page-content--tool{max-width:var(--cp-container);margin-inline:auto}
.cp-page-content--tool .cp-document-heading{max-width:var(--cp-content-reading);margin-inline:auto}
.cp-document-heading h1{max-width:none}
.cp-page-content .entry-content{margin:0;overflow-wrap:break-word;color:var(--cp-ink)}
/* One centred reading track; calculators may span the wider tool container. */
.cp-page-content--tool .entry-content{display:grid;grid-template-columns:minmax(0,1fr) min(100%,var(--cp-content-reading)) minmax(0,1fr)}
.cp-page-content--tool .entry-content>*{grid-column:2;min-width:0}
.cp-page-content--tool .entry-content>.cp-conversion{grid-column:1 / -1}
.cp-page-content .entry-content p{margin:0 0 1.15em}
.cp-page-content .entry-content h2{margin:1.4em 0 .6em}
.cp-page-content .entry-content h3{margin:1.3em 0 .6em}
.cp-page-content .entry-content ul,.cp-page-content .entry-content ol{padding-left:1.4em;margin-bottom:1.15em}
.cp-page-content .entry-content a{color:var(--cp-green);text-decoration:underline;text-underline-offset:3px}
.cp-page-content .entry-content a:hover{text-decoration-thickness:2px}
.cp-page-content .entry-content :focus-visible{outline:3px solid var(--cp-color-focus);outline-offset:4px}
.cp-page-content .entry-content :is(input,textarea,select){max-width:100%;box-sizing:border-box;font:inherit;border-color:var(--cp-line);border-radius:var(--cp-radius-sm)}
.cp-page-content .entry-content textarea{width:100%}
.cp-page .cp-button,.cp-page-content .entry-content button:not(.cp-copy),.cp-page-content .entry-content input[type=submit]{background:var(--cp-green);color:var(--cp-color-surface);border:1px solid var(--cp-green);border-radius:var(--cp-radius-sm);padding:10px 16px;font:600 14px/1.5 system-ui;cursor:pointer}
.cp-page .cp-button--secondary{background:var(--cp-color-surface);color:var(--cp-green);border-color:var(--cp-line)}
.cp-page .cp-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cp-space-md);margin-bottom:var(--cp-space-lg)}
.cp-page .cp-tool-card{display:flex;flex-direction:column;gap:16px;color:var(--cp-ink);text-decoration:none}
.cp-page .cp-tool-card h2{font-size:21px;line-height:1.3;margin:0}
.cp-page .cp-tool-card p{font-size:15px;color:var(--cp-muted);margin:0}
.cp-tool-action{margin-top:auto;font-size:13px;font-weight:600;color:var(--cp-green)}
.cp-page .cp-tool-card:hover{border-color:var(--cp-green);text-decoration:none}
.cp-tool-card:hover .cp-tool-action{text-decoration:underline}
.cp-header{position:relative;z-index:20}
.cp-header .cp-menu-toggle{display:none}
.cp-menu-toggle span,.cp-menu-toggle span::before,.cp-menu-toggle span::after{display:block;width:20px;height:2px;background:currentColor;position:relative}
.cp-menu-toggle span::before,.cp-menu-toggle span::after{content:"";position:absolute;left:0;top:-6px}
.cp-menu-toggle span::after{top:6px}
.cp-menu-open .cp-menu-toggle span{background:transparent}
.cp-menu-open .cp-menu-toggle span::before{top:0;transform:rotate(45deg)}
.cp-menu-open .cp-menu-toggle span::after{top:0;transform:rotate(-45deg)}
.cp-menu .current-menu-item>a{ text-decoration:underline;text-underline-offset:5px }
@media(max-width:1000px){
 .cp-header .cp-header-inner{flex-wrap:nowrap;min-height:68px;padding-block:12px;gap:16px}
 .cp-header .cp-menu-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:var(--cp-color-surface);color:var(--cp-green);border:1px solid var(--cp-line);border-radius:var(--cp-radius-sm);font:26px/1 system-ui;cursor:pointer;margin-left:auto}
 .cp-header .cp-nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;background:var(--cp-color-surface);border-bottom:1px solid var(--cp-line);box-shadow:var(--cp-shadow-sm);padding:12px 20px;max-height:calc(100dvh - 80px);overflow-y:auto}
 .cp-header.cp-menu-open .cp-nav{display:block}
 .cp-header .cp-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:var(--cp-container);margin-inline:auto;font-size:15px}
 .cp-header .cp-menu a{display:block;padding:12px;min-height:44px;border-radius:var(--cp-radius-sm)}
 .cp-header .cp-menu a:hover{background:var(--cp-tint)}
}
@media(max-width:640px){.cp-page .cp-wrap{width:calc(100% - 32px)}.cp-document{padding-block:26px 36px}.cp-page .cp-tool-grid{grid-template-columns:1fr;gap:16px}.cp-header .cp-header-inner{padding-block:10px}.cp-header .cp-nav{padding-inline:16px}}