@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#273b36;--cream:#f7f7ef;--green:#315d4d;--lime:#dce9ad;--line:#d9e0d2;--muted:#718177;--paper:#fff;--accent:#dce9ad}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button,select{cursor:pointer}.topbar{height:88px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.05;letter-spacing:-.04em}.brand b{font-size:20px}.brand-icon{font-size:39px;color:#6c8c5b;line-height:1}.topbar nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.nav-cta{border:1px solid #aebfac;border-radius:30px;padding:12px 18px}.nav-cta span{margin-left:9px}.hero{padding:57px 6% 0;max-width:1440px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#648170;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:20px;height:1px;background:#648170}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(42px,5.3vw,72px);line-height:1.02;margin:17px 0 12px}h1 em{font-weight:400;color:#729268}.intro{font-size:15px;color:#718177;line-height:1.6;margin:0}.workspace{max-width:1440px;margin:auto;padding:42px 6% 70px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}.settings{padding-top:5px}.section-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#8a9c8a;text-transform:uppercase;margin:0 0 15px}.setting{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.setting-title{font-size:13px;font-weight:700;margin:0 0 12px}.select-row{display:flex;gap:8px}.select-row select{min-width:0;flex:1}.field,select{width:100%;border:1px solid #d6dfd0;background:#fff;border-radius:7px;padding:11px;color:var(--ink)}.choices{display:flex;gap:8px}.choice{border:1px solid #d6dfd0;background:#fff;border-radius:7px;padding:10px 13px;font-size:12px;color:var(--ink)}.choice.active{border-color:#567960;background:#e9f0de}.swatches{display:flex;gap:10px}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid var(--cream);outline:1px solid #d3ddce;position:relative}.swatch.active{outline:2px solid #486b55}.swatch[data-theme="ink"]{background:#34433d}.swatch[data-theme="sage"]{background:#c8d9ad}.swatch[data-theme="peach"]{background:#edc6ad}.hint{font-size:12px;line-height:1.6;color:#87958a}.preview-wrap{min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.preview-top .section-label{margin:0}.preview-top span:last-child{font-size:11px;color:#8a9c8a}.paper{background:white;padding:clamp(19px,3vw,38px);box-shadow:0 12px 35px #42584612;border:1px solid #edf0e9}.paper-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px}.paper-heading h2{font-size:clamp(29px,3vw,45px);margin:0;line-height:1}.paper-heading small{font-size:10px;letter-spacing:.14em;color:#9aa69b}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #dbe2d8;border-top:1px solid #dbe2d8}.weekday{text-align:center;font-size:9px;letter-spacing:.12em;font-weight:700;padding:10px 0;background:var(--accent);border-right:1px solid #dbe2d8;border-bottom:1px solid #dbe2d8}.day{height:86px;border-right:1px solid #dbe2d8;border-bottom:1px solid #dbe2d8;padding:6px;min-width:0}.day.empty{background:#fbfcf9}.day-number{font-size:11px;font-weight:700;display:block}.day textarea{width:100%;height:calc(100% - 18px);border:0;resize:none;outline:0;background:transparent;font-size:11px;color:#435b4d;padding:3px 0}.actions{display:flex;align-items:center;gap:18px;margin-top:20px}.download{border:0;background:var(--green);color:white;border-radius:7px;padding:16px 23px;font-weight:700;font-size:13px}.download:hover{background:#254b3d}.download span{margin-left:26px}.action-note{font-size:11px;color:#829087}.more{margin-top:18px;font-size:12px;color:#567362}.more summary{cursor:pointer;font-weight:700}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.more label{display:block;font-size:11px;font-weight:700}.more select{margin-top:7px}.month-section{background:#e8eedc;padding:65px 6%}.month-inner{max-width:1270px;margin:auto}.month-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.month-heading h2{font-size:37px;margin:10px 0}.month-heading p{color:#738474;font-size:13px}.month-links{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:25px}.month-links a{background:#f9fbf5;padding:18px 15px;border:1px solid #dce6d5;border-radius:5px;font-size:13px;display:flex;justify-content:space-between}.month-links a:hover{border-color:#73977c}.year-download{margin-top:20px}.text-page{max-width:720px;margin:80px auto 120px;padding:0 24px;min-height:40vh}.text-page h1{font-size:50px}.text-page p{line-height:1.8;color:#64776c}.text-page a{text-decoration:underline}footer{padding:45px 6%;max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:start}footer p,.footer-note{font-size:11px;color:#94a196}.footer-links{display:flex;gap:25px;font-size:12px}.footer-note{letter-spacing:.1em;font-size:9px}.status{font-size:12px;color:#496d56;min-height:18px;margin-top:10px}@media(max-width:750px){.topbar{height:73px;padding:0 5%}.topbar nav{gap:15px}.topbar nav a:nth-child(2),.nav-cta{display:none}.hero{padding:42px 5% 0}.workspace{padding:28px 5% 50px;display:flex;flex-direction:column-reverse;gap:32px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings>.section-label{grid-column:1/-1;margin:0}.setting{margin:0;padding-bottom:16px}.paper{padding:16px}.day{height:63px;padding:4px}.day textarea{font-size:10px}.weekday{font-size:8px}.month-links{grid-template-columns:repeat(3,1fr)}.month-section{padding:45px 5%}.month-heading{display:block}.month-heading h2{font-size:32px}footer{flex-wrap:wrap}.footer-note{width:100%}.footer-links{gap:14px;flex-wrap:wrap}.actions{gap:10px}.download{padding:15px}.download span{margin-left:10px}}
/* Keep the select indicator comfortably inside the control. */
select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23273b36' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}