:root{--ink:#29251f;--paper:#f9f6ee;--muted:#746e61;--line:#d7cebc;--gold:#a92c24;--white:#fffdf6}
body{background:radial-gradient(ellipse at 35% 30%,#fffefa 0,transparent 65%),var(--paper)}
header{height:94px}.mark{color:#a92c24;border-color:#a92c24}.header-note{font-family:Georgia,serif;letter-spacing:2.2px}
.hero{grid-template-columns:minmax(0,1fr) 290px;gap:5%;align-items:center;padding:36px 0 42px}.calendar{text-align:center;min-width:0}.calendar .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:12px}.calendar h1{font-size:clamp(38px,4vw,58px);letter-spacing:-1px;margin:0 0 12px;line-height:1.1}#calendar-wheel{display:block;width:100%;max-width:730px;margin:auto;touch-action:none;cursor:crosshair;user-select:none;color:#29251f;border-radius:50%}#calendar-wheel:focus-visible{outline:2px solid #a92c24;outline-offset:2px}#calendar-wheel text{font-family:Georgia,'Times New Roman',serif;pointer-events:none}.month-name{font-size:23px}.season{font-size:14px;letter-spacing:5px}.zodiac{font-size:25px;fill:#706451}.dial-day{font-size:39px;fill:#a92c24}.dial-month{font-size:10px;letter-spacing:1.4px;fill:#29251f}#wheel-help{font:italic 22px/1.5 Georgia,serif;margin:14px 0 4px;color:#5c5141}.wheel-hint{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
.date-panel{background:transparent;color:var(--ink);padding:28px 0;box-shadow:none;border-top:3px double #a99b80;border-bottom:3px double #a99b80}.date-panel .eyebrow{color:#a92c24;letter-spacing:3px;font-size:13px}.date-panel h2{font:40px/1.1 'Libre Caslon Display',Georgia,serif}.date-panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.date-fields{gap:12px}label{font-size:14px}select,option{color:var(--ink);background:#fffdf6;border-color:#b9ac94}.primary{background:#a92c24;color:#fffdf6;font-size:16px}.primary:hover{background:#842219}.or{color:var(--muted);font-size:12px;letter-spacing:1px}.or span{background:var(--line)}.search-row{border-color:#b9ac94}.search-row input{color:var(--ink)}.search-row input::placeholder{color:#797263}.search-row button{color:#a92c24}.form-message{color:#a92c24}.bookplate{border-color:var(--line)}.roman{color:#a92c24}.bookplate p{color:var(--muted)}.warning p{font-size:14px}.warning{margin-bottom:30px}.reader-heading h1{color:var(--ink)}#entry-text{color:#353027}.article-intro a{color:#842219}
@media(min-width:1500px){.hero{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.calendar h1{font-size:38px}.calendar .eyebrow{font-size:10px}.date-panel{padding:22px 0}.date-panel h2{font-size:34px}.bookplate{display:none}}
@media(max-width:640px){header{height:80px}.hero{grid-template-columns:1fr;gap:28px;padding-top:28px}main{padding:0 5%}.calendar h1{font-size:40px}.calendar .eyebrow{font-size:10px;letter-spacing:1.2px;line-height:1.6}#wheel-help{font-size:20px}.wheel-hint{font-size:13px;max-width:270px;margin:auto}.date-panel{width:100%;max-width:400px;margin:auto;padding:24px 10px}.date-panel h2{font-size:40px}.date-panel .eyebrow{font-size:13px}.bookplate{display:flex}.warning{gap:12px}}
@media(min-width:641px) and (max-width:900px){.hero{grid-template-columns:1fr}.calendar{max-width:620px;margin:auto;width:100%}.date-panel{max-width:460px;width:100%;margin:auto}.calendar h1{font-size:48px}}

.hero:before{display:none}.folio-number{display:none}#home-engraving{max-width:360px;margin:0 auto 40px}#home-engraving img{height:auto;max-height:350px;object-fit:contain}.hero .calendar h1{font-size:clamp(38px,4vw,58px)}


/* The supplied book artwork ties the calendar and reading pages together. */
.book-cover{margin:0 0 28px;padding:6px;background:#372219;border:1px solid #a58a56;box-shadow:0 10px 24px #37221920}.book-cover img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:50% 61%}.book-cover figcaption{font:12px/1.5 Georgia,serif;letter-spacing:2px;text-align:center;color:#e2c891;padding:12px 4px 6px}.date-panel{border-top:0;padding-top:0}.reader-heading{display:flex;align-items:center;justify-content:center;gap:44px;max-width:850px;margin:auto;padding:38px 0 32px;text-align:left}.reader-title{flex:1}.reader-title .eyebrow{color:#8b672f;line-height:1.6}.reader-title h1{font-size:clamp(48px,5vw,76px)}.reader-title p:last-child{margin-bottom:0}.reader-book{display:block;width:150px;flex-shrink:0;text-decoration:none;padding:5px;border:1px solid #a58a56;background:#372219;box-shadow:0 7px 18px #37221920}.reader-book img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 60%}.reader-book span{display:block;color:#e2c891;font-size:10px;letter-spacing:1px;line-height:1.6;text-align:center;padding:9px 3px 4px}.reader-book:hover{border-color:#a92c24;box-shadow:0 8px 24px #37221935}
@media(max-width:900px){.book-cover{max-width:300px;margin:0 auto 26px}.book-cover img{aspect-ratio:1.25}}
@media(max-width:640px){.reader-heading{gap:20px;padding:28px 0}.reader-book{width:96px}.reader-book span{font-size:9px;letter-spacing:.5px}.reader-title .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:12px}.reader-title h1{font-size:40px;letter-spacing:-1px;margin-bottom:12px}.reader-title p:last-child{font-size:14px;line-height:1.5}}
@media(max-width:360px){.reader-heading{gap:14px}.reader-book{width:78px}.reader-title h1{font-size:34px}}

/* The book is an object on the page and opens the selected day. */
.hero{grid-template-columns:minmax(0,1fr) 340px;gap:4%;align-items:center}
.date-panel{overflow:visible;background:#382820;color:#fff7e4;border:1px solid #71533c;padding:0 28px 24px;margin-top:150px;box-shadow:0 16px 35px #38282016}
.book-cover{position:relative;margin:-155px -35px 8px;padding:0;border:0;background:none;box-shadow:none}
.book-open{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.book-cover img{width:100%;height:320px;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 14px 10px #180e1640);transition:transform .25s ease,filter .25s ease}
.book-open:hover img,.book-open:focus-visible img{transform:translateY(-6px) rotate(-2deg);filter:drop-shadow(0 20px 12px #180e1650)}
.book-cover figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.date-panel .eyebrow{color:#e4c48c;font-size:12px;letter-spacing:2.3px;margin-bottom:12px}
.date-panel h2{font-size:42px;margin-bottom:10px}
.date-panel>p:not(.eyebrow){color:#d6c5af;font-size:14px}
.date-panel label{color:#eddec8}.date-panel select{background:#47362c;color:#fff7e4;border-color:#8b7156}.date-panel option{background:#47362c;color:#fff7e4}
.date-panel .primary{background:#e7c487;color:#382820}.date-panel .primary:hover{background:#f4d9a9}
.date-panel .or{color:#d6c5af}.date-panel .or span,.date-panel .bookplate{border-color:#79634b}.date-panel .or span{background:#79634b}
.date-panel .search-row{border-color:#a18a6b}.date-panel .search-row input{color:#fff7e4}.date-panel .search-row input::placeholder{color:#cbb99f}.date-panel .search-row button,.date-panel .form-message,.date-panel .roman{color:#e7c487}.date-panel .bookplate p{color:#d6c5af}
.reader-book{width:145px;border:0;background:none;padding:0;box-shadow:none}
.reader-book img{height:155px;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 8px 6px #38282026);transition:transform .2s ease}
.reader-book span{color:#7b532d;font-size:12px;letter-spacing:.7px;padding-top:13px}
.reader-book:hover{box-shadow:none}.reader-book:hover img{transform:translateY(-4px)}
@media(min-width:1500px){.hero{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1100px) and (min-width:901px){.hero{grid-template-columns:minmax(0,1fr) 290px;gap:28px}.date-panel{padding-right:22px;padding-left:22px}.book-cover{margin-left:-25px;margin-right:-25px}.book-cover img{height:290px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0}.date-panel{max-width:460px;margin:160px auto 0;padding:0 28px 26px}.book-cover{max-width:none;margin:-150px -20px 12px}.book-cover img{height:310px}.bookplate{display:flex}}
@media(max-width:640px){.hero{padding-bottom:32px}.date-panel{margin-top:140px;padding:0 24px 22px;width:calc(100% - 16px)}.book-cover{margin-top:-135px}.book-cover img{height:280px}.reader-book{width:96px}.reader-book img{height:120px}.reader-book span{font-size:12px;letter-spacing:0}.reader-heading{gap:20px}}
@media(prefers-reduced-motion:reduce){.book-cover img,.reader-book img{transition:none}.book-open:hover img,.book-open:focus-visible img,.reader-book:hover img{transform:none}}

.needle{cursor:pointer}.editor-note{max-width:850px;margin:10px auto 40px;padding-top:30px;border-top:3px double var(--line)}.editor-note h2{font:36px/1.2 "Libre Caslon Display",Georgia,serif;margin-bottom:24px}.editor-note p{font:17px/1.85 Georgia,serif;color:#51493e;margin-bottom:18px}.editor-note .editor-signature{font-style:italic;font-size:22px;color:#842219;margin-top:26px}.editor-signature span{display:block;font:14px/1.8 "DM Sans",sans-serif;color:var(--muted);margin-top:4px}