/* Exploration R3: only placement varies. All three inherit the live album CSS. */
html{scroll-padding-top:90px}html:has(.daily-page){scroll-padding-top:0}#app{width:100%}.prototype-dock{position:fixed;z-index:400;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px 7px;border:1px solid #d6d0c1;border-radius:7px;background:#fffdf5f5;box-shadow:0 3px 16px #2b282217;font:11px/1.4 ui-sans-serif,system-ui;white-space:nowrap}.prototype-dock span{padding:0 8px;color:#9b9282;font-size:10px}.prototype-dock a{padding:7px 9px;text-decoration:none;color:#706859;border-radius:3px}.prototype-dock a.chosen{background:#f5e8a9;color:#3c362b}.prototype-dock a:hover{background:#f4efde}.prototype-dock .compare-link{border-left:1px solid #dfd8c8;margin-left:4px}.mini .prototype-dock{display:none}
.review-entry{display:flex;align-items:center;gap:11px;min-height:42px;color:#756d5b;text-decoration:none;font:500 15px/1.3 Georgia,"Noto Serif SC",serif;letter-spacing:.04em}.review-entry:after{content:none!important}.review-entry:hover{color:#29261f}.review-entry:hover .entry-word{box-shadow:0 3px 0 #efda80}.print-stamp{font:500 9px/1.2 "PingFang SC",sans-serif;letter-spacing:.06em;color:#9a907b;padding:3px 5px;border:1px solid #bfb495;border-radius:2px;transform:rotate(-3deg);white-space:nowrap}.print-stamp.pending{border-color:#d8d2c4;color:#b1a998;transform:none;border-style:dashed}.review-entry[aria-disabled="true"]{color:#b2a999;cursor:default}.entry-shelf{display:flex;align-items:center;gap:36px;padding:0 0 18px;margin:0 auto 10px;width:100%;border-bottom:1px solid #d9d1be70}.entry-shelf .review-entry{min-height:38px}.layout-a .month-sheet-heading{margin-bottom:12px!important}.layout-a .entry-shelf{border-bottom:0;margin-bottom:6px;padding-bottom:5px}.layout-a .month-grid{padding-top:5px}
.layout-b.weather-month-main{overflow:visible}.layout-b .month-album.month-sheet.month-journal{width:min(1200px,calc(100% - 48px));display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:32px}.side-index{padding-top:92px;border-right:1px solid #dbd4c4}.side-index .review-entry{min-height:82px;position:relative;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding:12px 8px 12px 20px;margin-right:12px}.side-index .review-entry:before{content:"";position:absolute;left:0;top:28px;width:7px;height:1px;background:#b4a68b}.side-index .review-entry:hover:before{width:11px;background:#b19b50}.side-index .print-stamp{margin-left:0}.side-index .review-entry:nth-child(2){border-top:1px solid #e0d8c87a;border-bottom:1px solid #e0d8c87a}.album-leaf{min-width:0}
.layout-c .month-album.month-sheet.month-journal{width:min(1130px,calc(100% - 48px))}.layout-c .month-sheet-heading{margin-bottom:10px!important}.integrated-month{display:flex;justify-content:flex-end;padding-bottom:10px}.integrated-head{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:end;margin-bottom:12px}.integrated-head .review-entry{font-size:13px;min-height:28px}.integrated-days-heading{display:block;border-bottom:1px solid #dbd4c4;padding-bottom:8px}.weekday-inline{display:grid;grid-template-columns:repeat(7,1fr);width:100%;gap:10px;padding-top:8px;color:#aaa293;font:9px ui-monospace,monospace;text-align:center}.calendar-c{display:grid;gap:12px}.week-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;align-items:stretch}.week-row .week-dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;min-width:0}.week-row .week-label{display:flex;flex-direction:column;justify-content:center;gap:7px;text-decoration:none;border-right:1px solid #d8d0bd;padding:7px 9px 7px 0;color:#7c705c}.week-label b{font:500 13px/1.2 ui-monospace,monospace}.week-label small{font:9px/1.5 "PingFang SC",sans-serif;color:#a19681}.week-label.is-pending{color:#c3baa7}.week-label.is-pending small{color:#c3baa7}.week-label:hover:not(.is-pending){border-right:3px solid #e2c56a}.week-dates .day-tile{min-width:0;min-height:100px!important}.week-dates .calendar-spacer{min-height:100px}.calendar-c .day-tile .day-doodle{max-width:100%}
.preview-footer{margin:24px auto 72px;text-align:center;color:#b0a793;font:10px/1.6 ui-monospace,monospace}.review-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1050px,calc(100% - 48px));margin:29px auto 0;color:#9b907b;font:11px/1.5 ui-monospace,monospace}.review-breadcrumb a{text-decoration:none}.review-breadcrumb a:hover{color:#3d3426}.review-breadcrumb span{color:#b5ab97}.simple-article{width:min(760px,calc(100% - 48px));margin:0 auto;padding:46px 0 55px;scroll-margin-top:90px}.article-meta{display:flex;align-items:center;gap:18px;font:10px/1.4 ui-monospace,monospace;color:#998c76;letter-spacing:.05em}.article-meta a{margin-left:auto;text-decoration:none;font-size:10px}.simple-article h1,.simple-article h2{font:700 clamp(27px,3vw,38px)/1.5 "Songti SC","Noto Serif SC",serif;letter-spacing:-.025em;margin:22px 0 28px;color:#39342b}.article-copy{font:16px/2 "Songti SC","Noto Serif SC",serif;color:#575044}.article-copy p{margin:0 0 22px}.article-copy h3{font:700 21px/1.5 "Songti SC",serif;margin:35px 0 15px}.article-copy blockquote{margin:27px 0;padding:7px 0 7px 24px;border-left:3px solid #e2c968;color:#76613c}.article-copy img{max-width:100%;max-height:460px;object-fit:contain;margin:30px auto 6px;background:#f2eddf}.article-copy figcaption{color:#a99b84;text-align:center;font:10px/1.6 ui-sans-serif,sans-serif}.article-copy figure{margin:25px 0 34px}.simple-article+.simple-article{border-top:1px solid #cfc5b155;padding-top:60px}.week-directory{width:min(760px,calc(100% - 48px));margin:28px auto 0;display:flex;gap:23px;align-items:center;justify-content:flex-start;padding:0;flex-wrap:wrap}.week-directory a{color:#918571;font:11px/1.5 ui-monospace,monospace;padding:7px 0;text-decoration:none}.week-directory a:after{content:none}.week-directory a.current{color:#4e412c;box-shadow:0 2px 0 #d5b851}.week-directory a:hover{color:#34291c}.weekly-prints{width:min(990px,calc(100% - 48px));margin:38px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.weekly-print{position:relative;text-decoration:none;background:#f3eddf;border:1px solid #b1a48a;border-radius:1px;padding:18px 17px;color:#6e614c;box-shadow:3px 3px 0 #5c503b12}.weekly-print:before,.weekly-print:after{content:"";position:absolute;left:9px;right:9px;height:4px;background:repeating-linear-gradient(90deg,#8f816552 0 6px,transparent 6px 13px)}.weekly-print:before{top:5px}.weekly-print:after{bottom:5px}.weekly-print small{font:9px ui-monospace,monospace}.weekly-print strong{display:block;margin:12px 0;font:600 14px/1.65 "Songti SC",serif}.weekly-print em{font:9px sans-serif;font-style:normal;color:#a4916c}.weekly-print:hover{background:#f6edd1}
.daily-page{width:100%;padding-bottom:80px}.daily-rail{position:sticky;top:64px;z-index:60;padding:13px max(20px,calc((100% - 1160px) / 2));background:#fffdf5f5;backdrop-filter:blur(10px);border-bottom:1px solid #ded5c0}.daily-rail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font:10px ui-monospace,monospace;color:#a69b84}.daily-rail-top a{text-decoration:none;color:#8d8068}.day-strip{display:flex;gap:1px;overflow-x:auto;scrollbar-width:none;position:relative;border-top:5px solid transparent;border-bottom:5px solid transparent;background:linear-gradient(#fffdf5,#fffdf5) padding-box,repeating-linear-gradient(90deg,#c7bca660 0 6px,transparent 6px 13px) border-box;scroll-behavior:smooth}.day-stop{flex:1 0 34px;min-width:34px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px 8px;font:10px/1 ui-monospace,monospace;text-decoration:none;color:#928772;position:relative;border-radius:2px}.day-stop small{font:8px/1 sans-serif;color:#b4a88e;white-space:nowrap}.day-stop.is-current{background:#f5e5a2;color:#473c25}.day-stop.is-current small{color:#8f7945}.day-stop.empty{color:#c9c0af}.day-stop.future{color:#ddd6c7;pointer-events:none}.day-stop:hover:not(.future){background:#f2ecdd}.daily-reel{margin:0 auto;width:100%}.day-section{scroll-margin-top:170px;min-height:140px}.day-section iframe{width:100%;height:900px;border:0;display:block;overflow:hidden}.day-section[data-count="0"]{width:min(1160px,calc(100% - 42px));height:145px;margin:auto;border-bottom:1px solid #b3a4851c;padding-top:40px}.empty-date{font:500 20px "Songti SC",serif;color:#c6bfaf}.day-boundary{display:none}
.board-page{max-width:1200px;margin:auto;padding:42px 28px 80px}.board-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.board-title h1{font:700 26px "Songti SC",serif;margin:0 0 10px}.board-title p{font:12px/1.8 sans-serif;color:#908674;margin:0}.board-title a{font-size:12px;text-decoration:none;color:#8c8069}.board-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.board-card{border:1px solid #d7ceba;padding:15px 15px 13px;background:#fffdf7;min-width:0}.board-card h2{font:600 18px "Songti SC",serif;margin:0 0 6px}.board-card p{font:11px/1.8 sans-serif;color:#a1957f;margin:0 0 16px;min-height:40px}.board-window{width:100%;height:335px;overflow:hidden;position:relative;border-block:1px solid #e2dacc;background:#fffdf5}.board-window iframe{border:0;width:1100px;height:1050px;transform-origin:0 0;position:absolute;left:0;top:0;pointer-events:none}.board-open{display:block;padding:15px 0 2px;text-decoration:none;font:12px sans-serif;color:#716247}.board-samples{display:flex;gap:18px;margin-top:24px;font:11px/1.7 sans-serif;color:#a09176}.board-samples a{text-decoration:none}.board-note{font:11px/1.8 sans-serif;color:#a79a83;margin-top:30px}
@media(max-width:980px){.layout-b .month-album.month-sheet.month-journal{grid-template-columns:88px minmax(0,1fr);gap:18px;padding-inline:20px}.side-index .review-entry{padding-left:12px;font-size:13px}.side-index{padding-top:110px}.layout-b .month-sheet-heading:has(.month-index){grid-template-columns:1fr!important;gap:15px}.layout-b .month-index{width:245px;justify-self:end}.week-dates .day-tile{min-height:85px!important}.weekly-prints{gap:9px}.weekly-print{padding-inline:12px}.entry-shelf{gap:27px}}
@media(max-width:760px){.prototype-dock{bottom:8px;max-width:calc(100% - 12px);gap:0}.prototype-dock span{font-size:8px;padding:0 4px}.prototype-dock a{padding:7px 6px;font-size:10px}.entry-shelf{gap:18px;flex-wrap:wrap;margin:2px 0 10px;padding:0}.review-entry{font-size:13px;gap:6px}.print-stamp{font-size:8px;padding:2px 3px}.layout-a .entry-shelf{gap:20px}.layout-b .month-album.month-sheet.month-journal{width:100%;grid-template-columns:63px minmax(0,1fr);gap:11px;padding:24px 12px 40px 8px}.side-index{padding-top:90px}.side-index .review-entry{font-size:10px;padding:12px 1px 12px 5px;gap:8px;margin-right:6px;min-height:76px}.side-index .review-entry:before{display:none}.side-index .print-stamp{font-size:7px}.layout-b .month-title-copy h1{font-size:21px!important}.layout-b .month-index{width:min(230px,98%)}.layout-b .month-journal .day-tile.has-collage{min-height:43px!important}.layout-b .month-journal .day-tile.has-collage .day-collage{height:36px!important}.layout-c .month-album.month-sheet.month-journal{width:100%;padding:22px 12px 45px}.integrated-head,.week-row{grid-template-columns:45px minmax(0,1fr);gap:8px}.week-row .week-dates{gap:5px}.week-dates .day-tile{min-height:42px!important}.week-dates .day-tile .day-collage{height:36px!important;max-width:100%}.week-dates .calendar-spacer{min-height:42px}.week-label b{font-size:10px}.week-label small{font-size:7px}.week-row .week-label{padding-right:3px;gap:5px}.integrated-head .review-entry{font-size:10px}.weekday-inline{width:100%;gap:5px;font-size:7px}.integrated-month{padding-top:2px;padding-bottom:6px}.calendar-c{gap:10px}.daily-rail{top:var(--site-head-height,64px);padding:10px 12px}.daily-rail-top{font-size:9px}.day-stop{flex-basis:40px}.day-section{scroll-margin-top:180px}.review-breadcrumb{width:calc(100% - 32px);margin-top:20px;font-size:10px}.simple-article{width:calc(100% - 40px);padding:32px 0}.simple-article h1,.simple-article h2{font-size:25px;margin:18px 0 24px}.article-copy{font-size:15px;line-height:1.9}.week-directory{width:calc(100% - 40px);gap:18px}.weekly-prints{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px;gap:12px}.board-page{padding:28px 16px 65px}.board-cards{grid-template-columns:1fr}.board-title{align-items:start;gap:10px}.board-title a{font-size:10px;white-space:nowrap}.board-card p{min-height:0}.board-window{height:335px}.board-samples{flex-wrap:wrap}.preview-footer{margin-bottom:75px}}
@media(prefers-reduced-motion:reduce){html,.day-strip{scroll-behavior:auto}}

@media(max-width:760px){.layout-b .month-journal .day-tile{min-width:0!important;width:100%;min-height:0!important;aspect-ratio:1}.layout-b .month-journal .day-tile.has-collage{min-height:0!important}.layout-b .month-journal .day-tile.has-collage .day-collage{height:100%!important}}

/* Selected direction: the review index and the month reel share one header. */
.layout-a .month-sheet-heading:has(.month-index){display:grid!important;grid-template-columns:minmax(150px,.72fr) auto minmax(285px,1.18fr)!important;align-items:end;gap:clamp(20px,3vw,42px);width:100%!important;margin-bottom:17px!important;padding:0 0 17px!important}
.layout-a .month-title-copy{min-width:0}.layout-a .month-title-copy h1{font-size:clamp(1.8rem,3.3vw,2.65rem)!important;letter-spacing:-.045em!important;white-space:nowrap}.layout-a .entry-shelf{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.5vw,34px);width:auto;margin:0;padding:0 0 2px;border:0;white-space:nowrap}.layout-a .entry-shelf .review-entry{min-height:24px;font:500 13px/1 ui-serif,"Songti SC",serif;color:#827865}.layout-a .entry-shelf .review-entry:hover .entry-word{box-shadow:none}.layout-a .entry-word{position:relative;display:inline-flex;align-items:baseline;gap:3px;padding-bottom:7px}.layout-a .entry-word sup{font:500 7px/1 ui-monospace,monospace;color:#a29886}.layout-a .print-mark{position:absolute;right:0;bottom:0;left:0;height:4px;opacity:.65;background:repeating-linear-gradient(90deg,#b6a66f 0 3px,transparent 3px 5px);border-block:1px solid rgba(119,103,62,.2)}.layout-a .is-pending .print-mark{opacity:.42;background:repeating-linear-gradient(135deg,transparent 0 3px,#bdb5a4 3px 4px,transparent 4px 7px);border-block-color:rgba(117,107,87,.18)}.layout-a .review-entry[aria-disabled="true"]{color:#aca493}.layout-a .month-index{transform:translateY(-4px)}

/* Weekly uses the same hidden global navigation as 玩心百货. */
.weekly-view .site-navigation{position:fixed;z-index:520;top:0;right:0;left:0;pointer-events:none}.weekly-view .site-navigation .site-header{transform:translateY(-110%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s;box-shadow:0 5px 0 #1111110a}.weekly-view .site-navigation.is-open .site-header{transform:translateY(0);visibility:visible;pointer-events:auto}.weekly-view .nav-edge{position:absolute;top:0;right:0;left:0;display:block;height:10px;pointer-events:auto}.weekly-view .nav-handle{position:absolute;z-index:2;top:0;left:50%;display:grid;width:38px;height:21px;padding:0;place-items:center;color:#7f7666;background:transparent;border:0;transform:translateX(-50%);pointer-events:auto;transition:top .22s ease}.weekly-view .handle-dots{width:18px;height:7px;background:radial-gradient(circle at 2px 3px,currentColor 1px,transparent 1.3px),radial-gradient(circle at 9px 3px,currentColor 1px,transparent 1.3px),radial-gradient(circle at 16px 3px,currentColor 1px,transparent 1.3px)}.weekly-view .site-navigation.is-open .nav-handle{top:64px}.weekly-view .site-navigation.is-open .handle-dots{position:relative;width:13px;height:13px;background:none}.weekly-view .site-navigation.is-open .handle-dots:before,.weekly-view .site-navigation.is-open .handle-dots:after{position:absolute;top:6px;left:0;width:13px;height:1px;background:currentColor;content:"";transform:rotate(45deg)}.weekly-view .site-navigation.is-open .handle-dots:after{transform:rotate(-45deg)}
.week-rail{position:sticky;z-index:300;top:0;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:25px;min-height:58px;padding:7px max(22px,calc((100% - 1120px)/2));background:#fffdf5f5;backdrop-filter:blur(12px);border-bottom:1px solid rgba(79,69,53,.25);font:10px/1.2 ui-monospace,monospace}.week-rail a{font:inherit;font-weight:500;text-decoration:none;color:#8d806a}.week-rail a::after{content:none!important}.week-month-link{justify-self:start}.week-day-link{justify-self:end}.week-switch{display:flex;align-items:center;gap:7px;padding-top:7px}.week-switch a{display:grid;min-width:35px;height:30px;padding:0 7px;place-items:center;border-block:4px solid transparent;color:#aaa08e}.week-switch a:before,.week-switch a:after{content:"";position:absolute}.week-switch a.current{color:#4a402d;background:#f4e5a1;border-block-color:#f4e5a1;background-image:repeating-linear-gradient(90deg,#a9944e 0 4px,transparent 4px 8px),repeating-linear-gradient(90deg,#a9944e 0 4px,transparent 4px 8px),linear-gradient(#f4e5a1,#f4e5a1);background-size:100% 4px,100% 4px,100% 100%;background-position:top,bottom,center;background-repeat:repeat-x,repeat-x,no-repeat}.weekly-main{width:100%}.weekly-article{scroll-margin-top:75px;padding-top:54px}.week-article-head{display:grid;grid-template-columns:auto 1px minmax(0,1fr) auto;align-items:baseline;gap:16px;margin-bottom:30px}.week-article-head>i{align-self:stretch;width:1px;background:rgba(79,69,53,.22)}.week-article-head .week-number{color:#8e836e;font:500 10px/1 ui-monospace,monospace;white-space:nowrap}.week-article-head h1{margin:0!important;font-size:clamp(25px,3vw,36px)!important}.week-article-head>a{color:#938873;font:500 10px/1.4 ui-monospace,monospace;text-decoration:none;white-space:nowrap}.week-article-head>a:hover{text-decoration:underline;text-underline-offset:4px}.weekly-signals{display:flex;justify-content:flex-end;gap:3px;margin-top:26px;padding-top:13px;border-top:1px dashed rgba(79,69,53,.16)}.weekly-signals button{position:relative;display:grid;width:23px;height:23px;padding:0;place-items:center;color:#aaa398;background:transparent;border:0;font:400 11px/1 "PingFang SC",sans-serif;cursor:pointer}.weekly-signals button:hover{color:#403c35}.weekly-signals .weekly-miao[aria-pressed="true"]{color:#cc6a46;transform:rotate(-5deg)}.weekly-signals small{position:absolute;top:-8px;font:8px ui-monospace,monospace}.week-comment-dialog{width:min(430px,calc(100% - 34px));padding:30px;border:1px solid #9e927b;background:#fffdf5;color:#51493c;box-shadow:8px 8px 0 #3c342526}.week-comment-dialog::backdrop{background:#39322733;backdrop-filter:blur(2px)}.week-comment-dialog>small{color:#a09278;font:9px ui-monospace,monospace}.week-comment-dialog h2{margin:10px 0 20px;font:700 22px/1.4 "Songti SC",serif}.week-comment-dialog textarea{display:block;width:100%;padding:13px;border:1px solid #c8beaa;background:#faf6e9;resize:vertical;font:14px/1.7 "Songti SC",serif}.week-comment-dialog .week-comment-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:21px;color:#8a806d}.week-comment-send{margin-top:12px;padding:8px 16px;border:1px solid #a4967c;background:#f2e29c;color:#514631}.week-comment-dialog p{margin:12px 0 0;color:#aaa08e;font:9px/1.5 ui-sans-serif,sans-serif}

/* The selected date occupies the full film segment, including its perforation. */
.day-strip{padding:5px 0;border:0;background:repeating-linear-gradient(90deg,#c7bca660 0 6px,transparent 6px 13px) top/auto 5px repeat-x,repeating-linear-gradient(90deg,#c7bca660 0 6px,transparent 6px 13px) bottom/auto 5px repeat-x}.day-stop{isolation:isolate;padding:14px 2px 13px}.day-stop.is-current{background:#f5e5a2}.day-stop.is-current:before,.day-stop.is-current:after{position:absolute;z-index:-1;right:0;left:0;height:5px;background:repeating-linear-gradient(90deg,#988540 0 6px,#f5e5a2 6px 13px);content:""}.day-stop.is-current:before{top:0}.day-stop.is-current:after{bottom:0}.day-stop.is-current b,.day-stop.is-current small{position:relative;z-index:1}

@media(max-width:760px){.layout-a .month-sheet-heading:has(.month-index){grid-template-columns:auto 1fr!important;gap:11px 18px;padding:0 3px 10px!important}.layout-a .month-title-copy h1{font-size:1.62rem!important}.layout-a .entry-shelf{justify-self:end;gap:16px}.layout-a .entry-shelf .review-entry{font-size:10px}.layout-a .entry-word{padding-bottom:5px}.layout-a .print-mark{height:3px}.layout-a .month-index{position:relative!important;right:auto!important;bottom:auto!important;grid-column:1/-1;width:100%!important;height:16px;padding:0 2px;transform:none}.week-rail{grid-template-columns:1fr auto 1fr;gap:6px;min-height:54px;padding:7px 10px;font-size:8px}.week-switch{gap:2px}.week-switch a{min-width:29px;height:27px;padding:0 4px}.week-month-link{max-width:80px}.week-day-link{max-width:80px;text-align:right}.week-article-head{grid-template-columns:auto 1px minmax(0,1fr);gap:10px;margin-bottom:23px}.week-article-head>a{grid-column:3;justify-self:end}.week-article-head h1{font-size:23px!important}.weekly-article{scroll-margin-top:68px;padding-top:38px}.weekly-view .site-navigation.is-open .nav-handle{top:60px}.daily-rail{padding-top:8px}.day-stop{flex-basis:43px}}

.week-switch .pending{display:grid;min-width:35px;height:30px;padding:0 7px;place-items:center;border-block:4px solid transparent;color:#d0c8b9;cursor:default}
@media(max-width:760px){.week-switch .pending{min-width:29px;height:27px;padding:0 4px}}

/* Weekly navigation states: printed, current, and not-yet-printed read differently. */
.week-switch a,.week-switch .pending{position:relative;box-sizing:border-box}
.week-switch a:not(.current):after{position:absolute!important;right:8px;bottom:1px;left:8px;height:2px;background:repeating-linear-gradient(90deg,rgba(126,111,77,.32) 0 3px,transparent 3px 5px);content:""!important}
.week-switch a.current{font-weight:700;box-shadow:inset 0 0 0 1px rgba(122,99,35,.16),0 2px 0 rgba(128,102,33,.12)}
.week-switch a.current:after{position:absolute!important;right:0;bottom:-4px;left:0;height:4px;background:repeating-linear-gradient(90deg,#8f7d3e 0 4px,#f4e5a1 4px 8px);content:""!important}
.week-switch .pending{margin-inline:1px;color:#d5cebf;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(162,153,135,.07) 5px 6px)}
.week-switch .pending:after{position:absolute;right:8px;bottom:1px;left:8px;height:2px;background:repeating-linear-gradient(90deg,rgba(164,155,137,.18) 0 2px,transparent 2px 6px);content:""}
.week-back-links{display:flex;align-items:baseline;gap:12px;justify-self:start}.week-back-links .secondary{padding-left:12px;border-left:1px solid rgba(79,69,53,.18);color:#aea490;font-size:9px}.week-all-link{color:#675c49!important}

/* Reuse the film-card reaction controls on weekly articles. */
.weekly-feedback{position:relative;display:flex;justify-content:flex-end;margin-top:26px;padding-top:13px;border-top:1px dashed rgba(79,69,53,.16)}
.weekly-feedback .card-signals{display:flex;align-items:center;gap:2px}.reaction-zone,.comment-zone{position:relative;z-index:8;display:grid;width:18px;height:18px;place-items:center}
.miao-trigger,.comment-trigger{position:relative;display:grid;width:18px;height:18px;margin:0;padding:0;place-items:center;color:#aaa398;background:transparent;border:0;appearance:none;cursor:pointer}
.miao-glyph,.comment-glyph{font:400 11px/1 "Noto Sans SC","PingFang SC",sans-serif;opacity:.6;transition:color .18s ease,opacity .18s ease,transform .18s ease,text-shadow .18s ease}
.miao-count,.comment-count{position:absolute;z-index:5;top:-11px;left:50%;color:#8f887d;font:500 9px/1 ui-monospace,monospace;opacity:0;transform:translate(-50%,3px);pointer-events:none;transition:color .18s ease,opacity .18s ease,transform .18s ease}.miao-count[hidden],.comment-count[hidden]{display:none}
.miao-trigger:hover .miao-count,.miao-trigger:focus-visible .miao-count,.comment-trigger:hover .comment-count,.comment-trigger:focus-visible .comment-count{opacity:.58;transform:translate(-50%,0)}
.miao-trigger:hover .miao-glyph,.comment-trigger:hover .comment-glyph{color:#403c35;opacity:1;transform:scale(1.1)}
.miao-trigger[aria-pressed="true"] .miao-glyph{color:#cc6a46;opacity:1;transform:scale(1.02);text-shadow:0 0 1.4px rgba(204,106,70,.38),.35px .25px rgba(128,62,39,.24)}
.miao-trigger[aria-pressed="true"] .miao-count{color:#9b674f}.miao-trigger[disabled]{cursor:wait}.miao-trigger.stamping .miao-glyph{animation:caie-miao-stamp .36s cubic-bezier(.2,.85,.3,1.25)}.miao-trigger.releasing .miao-glyph{animation:caie-miao-release .28s ease}.miao-count.showing{animation:caie-count-reveal 1.15s ease forwards}
.firework-canvas{position:absolute;z-index:2;top:50%;right:-12px;width:150px;height:120px;transform:translateY(-50%);pointer-events:none}
@keyframes caie-miao-stamp{0%{transform:scale(1)}42%{transform:scale(.72)}72%{transform:scale(1.13)}100%{transform:scale(1.02)}}
@keyframes caie-miao-release{0%{transform:scale(1.02);opacity:1}48%{transform:scale(.84);opacity:.55}100%{transform:scale(1);opacity:.6}}
@keyframes caie-count-reveal{0%{opacity:0;transform:translate(-50%,4px)}18%,68%{opacity:.66;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-4px)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* The existing reply drawer, with visitor name, avatar, emoji and replies. */
.card-comments{position:relative;margin-top:22px;padding-top:20px;border-top:1px dashed rgba(91,75,52,.3);color:#403c35;font-family:"Noto Sans SC","PingFang SC",sans-serif}.card-comments[hidden]{display:none}
.card-comments.is-floating-panel{position:fixed;z-index:700;top:70px;right:16px;bottom:16px;width:min(430px,calc(100vw - 32px));margin:0;padding:24px 23px 30px;overflow-y:auto;overscroll-behavior:contain;background:rgba(255,254,249,.97);border:1px solid rgba(79,69,53,.16);border-radius:14px;box-shadow:0 18px 48px rgba(65,56,43,.14);backdrop-filter:blur(14px);animation:caie-comments-side-right-in .22s ease-out}
.card-comments.is-side-left{right:auto;left:16px}.card-comments.is-bottom-panel{top:auto;right:auto;bottom:16px;left:50%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head visitor" "composer composer" "email email" "connection connection";align-content:start;column-gap:14px;row-gap:6px;width:min(880px,calc(100vw - 32px));height:clamp(220px,30dvh,300px);padding:18px 20px 16px;transform:translateX(-50%);animation:caie-comments-bottom-center-in .22s ease-out}
.card-comments.is-bottom-panel .card-comments-head{grid-area:head;align-items:center;min-width:0;margin:0;padding-right:22px}.card-comments.is-bottom-panel .film-visitor-pass{grid-area:visitor;flex-wrap:nowrap;min-height:30px;margin:0 30px 0 0;padding:5px 7px;white-space:nowrap}.card-comments.is-bottom-panel .film-waline{grid-area:composer}.card-comments.is-bottom-panel .film-comment-email{grid-area:email}.card-comments.is-bottom-panel .film-comments-connection{grid-area:connection}.card-comments.is-bottom-panel .wl-editor{min-height:48px;margin:5px 8px 2px}
.film-comments-scrim{position:fixed;z-index:650;inset:0;display:none;width:100%;height:100%;margin:0;padding:0;background:rgba(246,240,228,.38);border:0;backdrop-filter:blur(1px)}body.film-comments-open .film-comments-scrim{display:block}
.card-comments-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.card-comments-head>div{min-width:0}.card-comments-head span{display:block;margin-bottom:4px;color:#a19a8e;font-size:9px;letter-spacing:.08em}.card-comments-head strong{display:-webkit-box;overflow:hidden;font:600 14px/1.45 "Noto Serif SC","Songti SC",serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.comment-close,.film-visitor-actions button,.film-identity-editor button{margin:0;padding:5px 8px;color:#716a60;background:rgba(255,253,246,.72);border:1px solid rgba(79,69,53,.15);border-radius:6px;font:500 10px/1.2 "Noto Sans SC","PingFang SC",sans-serif;cursor:pointer}.comment-close{flex:0 0 auto;padding:2px 4px;color:#aaa398;background:transparent;border:0;font-size:17px;line-height:1}
.film-visitor-pass{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;margin-bottom:10px;padding:8px 9px;background:rgba(244,213,104,.1);border-radius:6px}.film-visitor-pass>span{color:#777167;font-size:11px}.film-visitor-pass>strong{font-size:13px;overflow-wrap:anywhere}.film-visitor-actions{display:flex;gap:5px;margin-left:auto}
.film-identity-editor{display:flex;flex:1 0 100%;flex-wrap:wrap;align-items:end;gap:6px;padding-top:7px;border-top:1px dashed rgba(91,75,52,.14)}.film-identity-editor[hidden]{display:none}.film-identity-editor label{display:grid;flex:1 1 220px;gap:5px;color:#777167;font-size:10px}.film-identity-editor input{box-sizing:border-box;min-height:32px;padding:5px 8px;color:#403c35;background:rgba(255,253,246,.72);border:1px solid rgba(79,69,53,.16);border-radius:6px;font:500 11px/1.4 "Noto Sans SC","PingFang SC",sans-serif}.film-identity-editor p{flex-basis:100%;min-height:1em;margin:0;color:#a34a37;font-size:10px}
.film-comment-email{margin-top:8px;color:#9a9388;font-size:9px}.film-comment-email summary{width:max-content;cursor:pointer;list-style:none;border-bottom:1px dotted currentColor}.film-comment-email-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;margin-top:7px}.film-comment-email .wl-header-item{display:flex!important;width:100%!important;min-height:30px;overflow:hidden;background:#fffdf6;border:1px solid rgba(79,69,53,.18);border-radius:6px}.film-comment-email .wl-header-item input{min-width:0;padding:4px 7px;background:transparent!important}.film-comment-email [data-film-email-done]{padding:0 10px;color:#777167;background:transparent;border:1px solid rgba(79,69,53,.18);border-radius:6px;font:500 10px/1 sans-serif}.film-comments-connection{margin:12px 0 0;color:#777167;font-size:11px;text-align:center}.film-comments-connection[hidden]{display:none}
.card-comments .film-waline{--waline-white:#fffdf5;--waline-light-grey:#8f887d;--waline-dark-grey:#403c35;--waline-theme-color:#5b554c;--waline-active-color:#2b2822;--waline-color:#403c35;--waline-bg-color:rgba(255,253,245,.76);--waline-bg-color-light:rgba(240,236,221,.7);--waline-bg-color-hover:#fff0ad;--waline-border-color:rgba(91,75,52,.24)}.card-comments .wl-panel{margin:0;overflow:visible;background:rgba(255,253,246,.5);border-color:rgba(79,69,53,.14);border-radius:7px;box-shadow:none}.card-comments .wl-header-item:has(#wl-nick),.card-comments .wl-header{display:none!important}.card-comments .wl-editor{min-height:88px;margin:9px 8px 5px;font:12px/1.7 "Noto Sans SC","PingFang SC",sans-serif}.card-comments .wl-footer{margin:4px 8px 8px}.card-comments .wl-actions>a[aria-label="Markdown is supported"],.card-comments .wl-actions>button[title="预览"],.card-comments .wl-preview,.card-comments .wl-emoji-popup{display:none!important}.card-comments .wl-btn{padding:5px 10px;color:#716a60;background:rgba(255,253,246,.72);border-color:rgba(79,69,53,.15);border-radius:6px;font:500 10px/1.3 sans-serif}.card-comments .wl-btn.primary{color:#575147;background:rgba(244,213,104,.22);border-color:rgba(165,129,25,.2)}.card-comments .wl-empty{padding:11px 0 3px;color:#aaa398;font-size:10px}.card-comments .wl-login-info,.card-comments .wl-edit,.card-comments .wl-delete,.card-comments .wl-admin-actions,.card-comments .wl-power,.card-comments .wl-rss{display:none!important}.card-comments .wl-cards{margin-top:17px;padding-top:13px;border-top:1px dashed rgba(79,69,53,.18)}.card-comments .wl-user .wl-user-avatar{width:28px;height:28px;object-fit:cover;background:transparent;border:1px solid rgba(88,78,64,.18);border-radius:50%}
@keyframes caie-comments-side-right-in{from{opacity:0;transform:translateX(28px)}}@keyframes caie-comments-bottom-center-in{from{opacity:0;transform:translate(-50%,28px)}}

/* The date, weekday and standalone entry belong to the same day; the cut is after it. */
.day-section{position:relative;margin-bottom:26px;padding-bottom:18px}.day-section:after{position:absolute;right:max(20px,calc((100% - 1120px)/2));bottom:0;left:max(20px,calc((100% - 1120px)/2));height:7px;background:repeating-linear-gradient(90deg,rgba(131,116,83,.25) 0 9px,transparent 9px 16px);content:""}.day-section:last-child:after{opacity:.65}
.day-stop.empty{color:#c5beaf;background:rgba(194,185,169,.045)}.day-stop.empty small{color:#cbc4b6}.day-stop.future{color:#ded8cd;background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(164,155,137,.045) 7px 8px);opacity:.7}.day-stop.future small{color:#d4cec2}

@media(max-width:760px){.week-back-links{flex-direction:column;align-items:flex-start;gap:3px}.week-back-links .secondary{padding-left:0;border-left:0;font-size:7px}.card-comments.is-floating-panel{top:auto;right:auto;bottom:10px;left:50%;width:calc(100vw - 20px);max-height:72dvh;transform:translateX(-50%)}.card-comments.is-bottom-panel{display:block;height:auto;padding:17px 15px}.card-comments.is-bottom-panel .film-visitor-pass{margin:10px 0}.day-section:after{right:12px;left:12px}}

/* Final continuity pass: one rail perforation, compact days, and inline weekly replies. */
.weekly-article{scroll-margin-top:0}
.weekly-article+.weekly-article{border-top-color:rgba(79,69,53,.28)}
.weekly-feedback{flex-wrap:wrap}
.weekly-feedback>.card-comments{flex:0 0 100%;width:100%;box-sizing:border-box;margin-top:13px;padding-top:16px;border-top:0}
.day-strip .day-stop.is-current:before,.day-strip .day-stop.is-current:after{content:none}
.day-section{margin-bottom:10px;padding-bottom:12px}
.day-section iframe{height:120px}

/* Daily shares the same tucked-away site navigation used by Weekly. */
.daily-view .site-navigation{position:fixed;z-index:520;top:0;right:0;left:0;pointer-events:none}
.daily-view .site-navigation .site-header{transform:translateY(-110%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s;box-shadow:0 5px 0 #1111110a}
.daily-view .site-navigation.is-open .site-header{transform:translateY(0);visibility:visible;pointer-events:auto}
.daily-view .nav-edge{position:absolute;top:0;right:0;left:0;display:block;height:10px;pointer-events:auto}
.daily-view .nav-handle{position:absolute;z-index:2;top:0;left:50%;display:grid;width:38px;height:21px;padding:0;place-items:center;color:#7f7666;background:transparent;border:0;transform:translateX(-50%);pointer-events:auto;transition:top .22s ease}
.daily-view .handle-dots{width:18px;height:7px;background:radial-gradient(circle at 2px 3px,currentColor 1px,transparent 1.3px),radial-gradient(circle at 9px 3px,currentColor 1px,transparent 1.3px),radial-gradient(circle at 16px 3px,currentColor 1px,transparent 1.3px)}
.daily-view .site-navigation.is-open .nav-handle{top:64px}
.daily-view .site-navigation.is-open .handle-dots{position:relative;width:13px;height:13px;background:none}
.daily-view .site-navigation.is-open .handle-dots:before,.daily-view .site-navigation.is-open .handle-dots:after{position:absolute;top:6px;left:0;width:13px;height:1px;background:currentColor;content:"";transform:rotate(45deg)}
.daily-view .site-navigation.is-open .handle-dots:after{transform:rotate(-45deg)}
.daily-view .daily-rail{top:0}
.daily-view .day-section{scroll-margin-top:calc(var(--daily-rail-height,112px) + 4px)}

/* A single continuous film band: the selected frame sits beneath the same perforation track. */
.day-strip{isolation:isolate;padding:7px 0;border-block:1px solid rgba(91,78,57,.08);background:#e5dbc5}
.day-strip:before,.day-strip:after{position:absolute;z-index:3;right:0;left:0;height:6px;background:repeating-linear-gradient(90deg,rgba(255,253,245,.96) 0 7px,transparent 7px 13px);content:"";pointer-events:none}
.day-strip:before{top:1px}.day-strip:after{bottom:1px}
.day-strip .day-stop{z-index:1;border-radius:0}
.day-strip .day-stop.is-current{background:#f5e5a2;box-shadow:0 -7px 0 #f5e5a2,0 7px 0 #f5e5a2}

/* The date heading already separates days; this line is only a quiet cut mark. */
.day-section:after{height:1px;background:repeating-linear-gradient(90deg,rgba(79,69,53,.12) 0 2px,transparent 2px 8px)}

@media(max-width:760px){.daily-view .site-navigation.is-open .nav-handle{top:60px}.daily-view .daily-rail{top:0}}

/* Production navigation fixes: keep the full film continuous on mobile and
   prevent the selected week from picking up the global nav hover animation. */
.week-switch a.current::before,
.week-switch a.current::after {
  transform: none !important;
  transition: none !important;
}

.day-strip {
  display: block;
  padding: 0;
  background: #e5dbc5;
}

.day-strip::before,
.day-strip::after {
  content: none;
}

.day-strip-track {
  position: relative;
  display: flex;
  min-width: max-content;
  padding: 7px 0;
  background: #e5dbc5;
}

.day-strip-track::before,
.day-strip-track::after {
  position: absolute;
  z-index: 3;
  right: 0;
  left: 0;
  height: 6px;
  background: repeating-linear-gradient(90deg, rgba(255,253,245,.96) 0 7px, transparent 7px 13px);
  content: "";
  pointer-events: none;
}

.day-strip-track::before { top: 1px; }
.day-strip-track::after { bottom: 1px; }
.day-strip-track .day-stop { flex: 0 0 34px; }

@media (max-width: 760px) {
  .day-strip-track .day-stop { flex-basis: 43px; }
}

/* Weekly archive: one draggable year-long film. The month develops quietly in
   the open space beside it; a hairline is enough to mark the next reel. */
.week-rail {
  grid-template-columns: minmax(135px, 1fr) minmax(360px, 680px) minmax(135px, 1fr);
  gap: 12px;
  min-height: 72px;
}

.week-rail > .week-month-link,
.week-rail > .week-back-links {
  grid-column: 1;
  grid-row: 1;
}

.week-month-watermark {
  position: relative;
  display: grid;
  grid-column: 1;
  grid-row: 1;
  align-content: center;
  align-self: start;
  justify-self: end;
  justify-items: center;
  width: 66px;
  min-width: 0;
  height: 36px;
  margin-top: 5px;
  text-align: center;
  color: rgba(101, 88, 66, .5);
  pointer-events: none;
}

.week-month-watermark::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 67px;
  height: 32px;
  background: radial-gradient(ellipse at center, rgba(230, 206, 122, .2), transparent 70%);
  content: "";
  filter: blur(3px);
  transform: translate(-50%, -50%);
}

.week-month-watermark strong,
.week-month-watermark small {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

.week-month-watermark strong {
  font: 500 13px/1 "Songti SC", serif;
  letter-spacing: .1em;
}

.week-month-watermark small {
  margin-top: 4px;
  font: 500 7px/1 ui-monospace, monospace;
  letter-spacing: .04em;
}

.week-switch-panel {
  position: relative;
  display: grid;
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  justify-items: center;
  align-items: end;
}

.week-rail > .week-day-link {
  grid-column: 3;
  grid-row: 1;
}

.week-switch {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0 10px;
  gap: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  scroll-behavior: smooth;
  cursor: grab;
  user-select: none;
}

.week-switch.is-grabbing { cursor: grabbing; scroll-behavior: auto; }
.week-switch::-webkit-scrollbar { display: none; }

.week-month-group {
  display: flex;
  flex: 0 0 auto;
  margin-left: 3px;
  padding-left: 3px;
  border-left: 1px solid rgba(108, 94, 67, .17);
}

.week-month-group:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.week-month-weeks {
  display: flex;
  gap: 3px;
}

.week-title-preview {
  display: block;
  height: 12px;
  margin-top: 3px;
  color: #81745f;
  font: 500 8px/12px "Songti SC", serif;
  letter-spacing: .02em;
  opacity: 0;
  transition: opacity .16s ease;
  white-space: nowrap;
}

.week-title-preview.is-visible { opacity: 1; }

.week-switch a.current {
  border-block-color: transparent !important;
  background:
    repeating-linear-gradient(90deg, #9c8744 0 4px, transparent 4px 8px) top / 100% 4px repeat-x,
    repeating-linear-gradient(90deg, #9c8744 0 4px, transparent 4px 8px) bottom / 100% 4px repeat-x,
    linear-gradient(#f4e5a1, #f4e5a1) center / 100% calc(100% - 8px) no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(122, 99, 35, .14) !important;
  transform: none !important;
  transition: none !important;
}

.week-switch a.current::before,
.week-switch a.current::after {
  display: none !important;
  content: none !important;
}

.week-switch a:not(.current)::after {
  right: 8px;
  bottom: 0;
  left: 8px;
  height: 2px;
  background: repeating-linear-gradient(90deg, rgba(126, 111, 77, .38) 0 3px, transparent 3px 5px);
  opacity: 0;
  transform: translateY(-1px);
  transition: opacity .16s ease, transform .16s ease;
}

.week-switch a:not(.current):hover::after,
.week-switch a:not(.current):focus-visible::after {
  opacity: 1;
  transform: translateY(1px);
}

/* Daily and Monthly reuse the album's twelve-month film rail. */
.daily-rail-top {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(320px, 520px) minmax(110px, 1fr);
  align-items: center;
  gap: 18px;
}

.daily-rail-top > a { justify-self: start; }
.daily-rail-top > span:last-child { justify-self: end; }
.daily-month-index,
.monthly-month-index {
  display: block;
  min-width: 0;
}

.daily-month-index .month-index,
.monthly-month-index .month-index {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 20px;
  padding: 0;
  transform: none !important;
}

.review-period-rail {
  position: sticky;
  z-index: 300;
  top: 0;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(320px, 520px) minmax(80px, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 52px;
  padding: 6px max(20px, calc((100% - 1160px) / 2));
  color: #a69b84;
  background: #fffdf5f5;
  border-bottom: 1px solid #ded5c0;
  backdrop-filter: blur(10px);
  font: 10px/1.2 ui-monospace, monospace;
}

.review-period-rail > a {
  justify-self: start;
  color: #8d8068;
  text-decoration: none;
}

.review-period-rail > span:last-child { justify-self: end; }

/* Monthly uses the same tucked-away site navigation as Daily and Weekly. */
.monthly-view .site-navigation { position: fixed; z-index: 520; top: 0; right: 0; left: 0; pointer-events: none; }
.monthly-view .site-navigation .site-header { visibility: hidden; transform: translateY(-110%); pointer-events: none; transition: transform .22s ease, visibility .22s; box-shadow: 0 5px 0 #1111110a; }
.monthly-view .site-navigation.is-open .site-header { visibility: visible; transform: translateY(0); pointer-events: auto; }
.monthly-view .nav-edge { position: absolute; top: 0; right: 0; left: 0; display: block; height: 10px; pointer-events: auto; }
.monthly-view .nav-handle { position: absolute; z-index: 2; top: 0; left: 50%; display: grid; width: 38px; height: 21px; padding: 0; place-items: center; color: #7f7666; background: transparent; border: 0; transform: translateX(-50%); pointer-events: auto; transition: top .22s ease; }
.monthly-view .handle-dots { width: 18px; height: 7px; background: radial-gradient(circle at 2px 3px,currentColor 1px,transparent 1.3px),radial-gradient(circle at 9px 3px,currentColor 1px,transparent 1.3px),radial-gradient(circle at 16px 3px,currentColor 1px,transparent 1.3px); }
.monthly-view .site-navigation.is-open .nav-handle { top: 64px; }
.monthly-view .site-navigation.is-open .handle-dots { position: relative; width: 13px; height: 13px; background: none; }
.monthly-view .site-navigation.is-open .handle-dots::before,
.monthly-view .site-navigation.is-open .handle-dots::after { position: absolute; top: 6px; left: 0; width: 13px; height: 1px; background: currentColor; content: ""; transform: rotate(45deg); }
.monthly-view .site-navigation.is-open .handle-dots::after { transform: rotate(-45deg); }

@media (max-width: 760px) {
  .week-rail {
    grid-template-columns: minmax(60px, 1fr) minmax(0, 2.25fr) minmax(60px, 1fr);
    gap: 5px;
    min-height: 68px;
  }

  .week-rail > .week-month-link,
  .week-rail > .week-back-links { align-self: start; padding-top: 7px; }
  .week-month-watermark { align-self: end; width: 43px; height: 26px; margin: 0 0 4px; }
  .week-month-watermark strong { font-size: 10px; }
  .week-month-watermark small { margin-top: 3px; font-size: 5px; }

  .week-switch {
    width: 100%;
    max-width: 100%;
    justify-content: start;
    gap: 0;
    padding-inline: 6px;
  }

  .week-month-group { margin-left: 2px; padding-left: 2px; }
  .week-title-preview { max-width: 46vw; overflow: hidden; text-overflow: ellipsis; }

  .daily-rail-top,
  .review-period-rail {
    grid-template-columns: minmax(90px, 1fr) auto;
    gap: 6px 12px;
  }

  .daily-month-index,
  .monthly-month-index {
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
  }

  .daily-month-index .month-index,
  .monthly-month-index .month-index { height: 18px; }

  .review-period-rail {
    min-height: 62px;
    padding: 7px 12px 8px;
    font-size: 9px;
  }

  .monthly-view .site-navigation.is-open .nav-handle { top: 60px; }
}