@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/brand/fonts/Manrope-variable.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/brand/fonts/DM-Sans-variable.woff2') format('woff2')}
/* DayCalc: Paul's approved Modern & warm brand, 10 October 2026. */
:root{--paper:#FAFAF7;--surface:#FFFFFF;--ink:#182D28;--muted:#4C6159;--accent:#173F35;--line:#DCE4DD;--wash:#E6EFDF;--lilac:#EEE8FA;--serif:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--sans:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--brand-radius:16px}
body,body.content-page{font-family:var(--sans);color:var(--ink);background:var(--paper)}
h1,h2,.content-main h1,.content-main h2,.guide-copy h2{font-family:var(--serif);font-weight:700;letter-spacing:-.045em;line-height:1.15}
h1{font-size:clamp(40px,5vw,64px)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,system-ui,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}
.brand-logo{width:40px;height:40px;object-fit:contain;border-radius:10px;flex:none}
.site-header{min-height:88px;gap:22px}.site-header nav{gap:28px;font-size:15px}.site-header nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.site-header nav a:focus-visible{outline-offset:2px}
.eyebrow,.study-page .phase,.step-label{font-size:12px;letter-spacing:.09em;font-weight:600}
.hero-copy h1{font-size:clamp(43px,5.3vw,68px);line-height:1.12;font-weight:750;letter-spacing:-.055em}.hero-description{font-size:18px;max-width:500px}.hero-copy h1 em{font-weight:inherit}
.button,.content-main .btn,.study-page button,.file-button{border-radius:12px;font-size:15px;gap:14px}.button.primary,.content-main .btn,.study-page .primary{background:var(--accent);color:#FFFFFF}.free-note{font-size:13px}
.quiet-link,.text-button{font-size:14px}.quiet-link{gap:10px}
.search-band{background:var(--wash);border:0;border-radius:var(--brand-radius);padding:24px}.search-band>label{font-family:var(--serif);font-size:19px;font-weight:650}.search-input{border-radius:12px;font-size:16px;border-color:#899C91}
.section-heading h2,.tools-section h2{font-size:30px}.card,.tool-card,.hub-page .hub-card,.content-main .calculator,.content-main .answer-box,.content-main .result,.content-main .related-card,.content-main .preset-grid a,.study-page .panel{border-radius:var(--brand-radius);background:var(--surface)}
.card-name{font-family:var(--serif);font-size:23px;font-weight:650;letter-spacing:-.035em}.card-country,.card-date{font-size:12px}.card-days strong{font-family:var(--serif);font-size:58px;font-weight:650;letter-spacing:-.05em}.card-days{font-size:14px}.card-bottom{padding-top:14px}
.tool-number{font-family:var(--serif);font-weight:700}.tool-card h3{font-size:17px;font-weight:650}.tool-card p{font-size:14px}.tool-card{padding:22px}.tool-card:nth-child(3){background:var(--lilac)}
.study-invitation{background:var(--wash);border:0;border-radius:var(--brand-radius);padding:30px;margin-bottom:40px}.study-invitation h2{font-weight:700}.study-invitation p:last-child{font-size:15px}
.hub-page .hub-name,.guide-card strong{font-family:var(--serif);font-weight:650;font-size:24px;letter-spacing:-.035em}.hub-page .hub-desc{font-size:15px}.hub-page .tagline{font-size:18px;max-width:700px}.hub-page .hub-card{padding:26px}.hub-page .hub-card:first-child{background:var(--wash)}
.content-main p,.content-main dd{color:var(--muted)}.content-main .field input,.content-main .field select,.study-page input[type=text],.study-page input[type=date],.study-page input[type=number]{border-radius:12px;border-color:#899C91;min-height:48px;font-size:16px}.content-main .field label,.study-page label,.days legend{font-size:14px}
.content-main .hint,.content-main .note,.content-main .res-note,.study-page .hint,.study-page .device-note,.study-page .timer-help,.study-page .footer-note,.study-page .muted{font-size:13px}
.content-main .result .headline,.content-main .result .stat-value,.clock,.stat strong{font-variant-numeric:tabular-nums}.content-main .result .stat,.content-main .countdown-clock .unit{background:var(--wash);border-radius:12px}
.content-main .answer-box{background:var(--wash)}.guide-card{background:var(--surface);border-color:var(--line);border-radius:var(--brand-radius)}.guide-card span{color:var(--muted)}
.study-page h1 em{font-weight:inherit}.study-page .stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--brand-radius);padding:22px}.study-page .stat:first-child{padding-left:0}.study-page .stat strong{font-family:var(--serif);font-weight:650}.study-page .stat span,.study-page .stat small{font-size:12px}.study-page .clock{font-family:var(--serif);font-weight:600;letter-spacing:-.055em}.study-page .pill{font-size:12px;border-radius:30px}.study-page .weekday-picker span{border-radius:10px;font-size:14px}.study-page .local-badge{font-size:13px}.study-page .lower-grid>section:last-child{background:var(--lilac)}
.site-footer .brand{font-size:22px}.site-footer .brand-logo{width:32px;height:32px;border-radius:8px}
@media(hover:hover) and (pointer:fine){.card:hover,.tool-card:hover,.hub-page .hub-card:hover,.content-main .related-card:hover{border-color:#899C91;background:var(--surface);transform:none;box-shadow:none}.button:hover,.content-main .btn:hover,.study-page .primary:not(:disabled):hover,.study-page #pause:hover{background:#245C49;color:#FFFFFF}}
@media(max-width:900px){.site-header nav{gap:20px}.hero-copy h1{font-size:50px}.study-invitation{padding:26px}}
@media(max-width:640px){.site-header{padding-top:16px;gap:8px;min-height:112px}.site-header nav{gap:16px;flex-wrap:wrap;font-size:14px;min-height:44px}.brand{font-size:24px}.brand-logo{width:36px;height:36px}.hero-copy h1{font-size:clamp(40px,10vw,58px)}.hero-description{font-size:17px}.eyebrow{font-size:12px}.search-band>label{font-size:19px}.section-heading{flex-wrap:wrap;align-items:center}.section-heading .quiet-link,.text-button{font-size:13px}.content-main h1,.study-page h1{font-size:36px}.study-invitation{padding:24px}.study-invitation h2{font-size:26px}.study-page .stats{padding:16px 12px}.study-page .stat{padding:0 10px}.study-page .stat span,.study-page .stat small{font-size:11px}.study-page .stat strong{font-size:25px}.study-page .field-grid.three{grid-template-columns:1fr}.study-page .field-grid.three label{font-size:14px}.study-page .panel-heading{flex-wrap:wrap}.study-page .clock{font-size:80px}.site-footer>span{margin-left:0}}
@media(prefers-reduced-motion:reduce){button:active,.button:active{transform:none}}

/* Shared footer: matches the approved homepage reference on every page. */
body .site-footer{width:calc(100% - 80px);max-width:1120px;margin:0 auto;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:nowrap;gap:25px;padding:28px 0 34px;font-family:var(--sans);font-size:12px;line-height:1.6;color:var(--muted);text-align:left}
body .site-footer .brand{font-size:22px;line-height:1.6;color:var(--ink);margin:0;min-height:44px}
body .site-footer .brand-logo{width:32px;height:32px;border-radius:8px}
body .site-footer>span{width:auto;margin:0;color:var(--muted)}
body .site-footer nav{display:flex;align-items:center;gap:25px;width:auto;margin:0 0 0 auto}
body .site-footer nav a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;color:var(--muted);text-decoration:none}
body .site-footer nav a:hover{text-decoration:underline}
.page-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;font-size:14px}
.page-links a{display:inline-flex;align-items:center;min-height:44px}
.page-updated{font-size:12px;color:var(--muted);margin-top:16px}
@media(max-width:900px){body .site-footer{width:calc(100% - 56px)}}
@media(max-width:640px){body .site-footer{width:calc(100% - 40px);padding:25px 0;gap:15px;flex-wrap:wrap}body .site-footer nav{width:100%;margin:0;font-size:12px}}
