:root{--paper:#fffefa;--ink:#2c3039;--muted:#5c5960;--line:#4c4b4d;--rule:#d9d4d1;--peach:#f2d5c1;--sage:#d6dfd6;--lilac:#e4dce6;--ground:#d8cbd2}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.55 "PingFang TC","Noto Sans TC",system-ui,sans-serif}
button{-webkit-tap-highlight-color:transparent;font:inherit}
button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #784c6e;outline-offset:2px}
.site-top{max-width:1152px;margin:auto;padding:23px 30px 14px;display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.12em;color:#514b52}
.site-top span{white-space:nowrap}
.paper{max-width:1152px;min-height:900px;margin:0 auto 48px;background:var(--paper);box-shadow:0 12px 45px #493b4a1e;padding:42px 58px 34px;position:relative;overflow:hidden}
.paper:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#cbbdb4 .45px,transparent .45px);background-size:7px 7px}
.paper>*{position:relative}
.masthead{display:flex;justify-content:space-between;align-items:end;gap:26px;border-bottom:2px solid var(--ink);padding-bottom:25px}
.masthead small{display:block;font:700 13px/1.4 "Noteworthy","Hannotate TC",sans-serif;letter-spacing:.22em;margin-bottom:5px}
.masthead h1{font:700 clamp(42px,6vw,76px)/.94 "Noteworthy","Hannotate TC","PingFang TC",sans-serif;letter-spacing:-.025em;margin:0}
.masthead h1 span{display:block;font:700 clamp(19px,2.1vw,26px)/1.2 "Hannotate TC","PingFang TC",sans-serif;letter-spacing:.08em;margin-top:10px}
.trip-doodle{width:230px;height:137px;object-fit:cover;object-position:center 64%;mix-blend-mode:multiply;filter:contrast(1.06);margin:-6px 15px -17px 0}
.sync-status{margin:13px 0 7px;font-size:13px;color:var(--muted)}
.sync-status.error,.load-error{color:#852f2f}.sync-status.error{font-weight:700}.load-error{padding:25px;background:#fff4f0;border:1px solid #ad5d5d}
.navigation{margin-top:8px}
.primary-nav{display:inline-flex;gap:3px;max-width:100%;margin:0 0 12px;padding:3px;border:1px solid var(--rule);border-radius:7px;background:var(--paper)}
.primary-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:108px;min-height:42px;padding:7px 16px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ink);font-size:15px;font-weight:800;cursor:pointer}
.primary-tab.current{background:var(--peach);border-color:#d9bda8;color:var(--ink)}
.primary-tab:hover:not(.current){background:#f4eee9}
.primary-icon{display:inline-flex;width:18px;height:18px;flex:none}
.primary-icon svg{display:block;width:100%;height:100%}
.list-tabs{display:flex;gap:6px;border-bottom:2px solid var(--ink)}
.list-tab{min-width:116px;min-height:48px;margin-bottom:-2px;padding:9px 18px;border:1px solid var(--rule);border-bottom:2px solid var(--ink);border-radius:5px 5px 0 0;background:#f8f5f0;color:var(--muted);font-weight:700;cursor:pointer}
.list-tab.current{background:var(--peach);border-color:var(--ink);border-bottom-color:var(--peach);color:var(--ink)}
.list-tab:hover:not(.current){background:#eee6df}
.dates{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;border-bottom:2px solid var(--ink)}
.tab-button{min-width:0;min-height:48px;margin-bottom:-2px;padding:9px 4px;background:#f8f5f0;border:1px solid var(--rule);border-bottom:2px solid var(--ink);border-radius:5px 5px 0 0;color:#4e4b52;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;text-align:center}
.tab-date,.tab-weekday{display:block;line-height:1.25}
.tab-weekday{font-size:11px;margin-top:3px;color:var(--muted)}
.tab-button.current{position:relative;background:var(--peach);border-color:var(--ink);border-bottom-color:var(--peach);color:var(--ink)}
.tab-button.current .tab-weekday{color:var(--ink)}
.tab-button:hover:not(.current){background:#eee6df;border-color:var(--line)}
.layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:32px;padding-top:26px}.rail{align-self:start;min-width:0}
.issue{font:700 12px/1.4 "Noteworthy","Hannotate TC",sans-serif;letter-spacing:.16em}
.date-box{border:1.5px solid var(--line);margin-top:11px}.date-box .date{font:700 72px/.95 "Noteworthy",Georgia,serif;letter-spacing:-.06em;padding:21px 17px 5px}.date-box .weekday{padding:0 18px 20px;font:700 16px "Hannotate TC","PingFang TC",sans-serif}.date-box .route{background:var(--sage);border-top:1.5px solid var(--line);padding:13px 17px;font-weight:800;font-size:15px;overflow-wrap:anywhere}
.ticket{margin-top:18px;border:1.5px solid var(--line);padding:14px 17px}.ticket b{font-size:12px;letter-spacing:.08em}.ticket strong{display:block;font:700 25px/1.35 "Hannotate TC","PingFang TC",sans-serif;margin:7px 0 1px;overflow-wrap:anywhere}.ticket p{font-size:12px;color:var(--muted);margin:0}.ticket .stamp{margin-top:12px;padding-top:10px;border-top:1px dashed #a8a3a0;font-size:12px;font-weight:700}
.dispatch{min-width:0}.body-head{display:flex;align-items:end;justify-content:space-between;gap:14px;border-bottom:2px solid var(--ink);padding-bottom:12px}.body-head .kicker{font:700 12px "Noteworthy",sans-serif;letter-spacing:.16em;color:#8e6557}.body-head h2{font:700 clamp(26px,3.5vw,38px)/1.15 "Hannotate TC","PingFang TC",sans-serif;margin:4px 0 0}.body-head .arrow{font-size:13px;font-weight:700;text-align:right;max-width:45%;overflow-wrap:anywhere}
.priority{display:flex;align-items:center;gap:13px;background:var(--peach);border:1px solid var(--line);padding:11px 14px;margin:16px 0 19px;font-size:14px}.priority b{font-size:13px;white-space:nowrap;border-right:1px solid var(--line);padding-right:12px}.priority span{font-weight:650}
.section-label{font:700 16px "Hannotate TC","PingFang TC",sans-serif;margin:0 0 8px}.section-label small{font:400 12px "PingFang TC",sans-serif;color:var(--muted);margin-left:8px}
.rows{border-top:1px solid var(--rule)}.event-detail{border-bottom:1px dashed #b9b1ae}.event-detail:nth-child(even){background:#fcfaf5}.row{display:grid;grid-template-columns:110px minmax(0,1fr) 60px;gap:12px;align-items:start;padding:12px 5px;cursor:pointer;list-style:none;min-height:58px}.row::-webkit-details-marker{display:none}.row time{font:700 15px/1.3 "Noteworthy",Georgia,serif;color:#8d624f;overflow-wrap:anywhere}.row strong{display:block;font-size:15px;line-height:1.4}.row small{display:block;font-size:13px;color:#55535a;margin-top:3px;line-height:1.5}.detail-cue{font-size:12px;color:#665663;white-space:nowrap;text-align:right}.event-detail[open] .detail-cue{font-size:0}.event-detail[open] .detail-cue:after{content:"收起 −";font-size:12px}.event-extra{border-top:1px solid var(--rule);padding:6px 16px 13px 122px;background:#f9f6f0}.event-extra p{margin:9px 0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.65}.event-extra b{color:#634e44}.event-extra span{white-space:pre-wrap;overflow-wrap:anywhere}
.event-references a{color:#355b67;font-weight:700;text-decoration:underline;text-underline-offset:3px}.event-references a:hover{color:#1f434f}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.note{border:1.5px solid var(--line);min-width:0}.note h3{background:var(--sage);font:700 17px "Hannotate TC","PingFang TC",sans-serif;text-align:center;border-bottom:1px solid var(--line);margin:0;padding:6px 9px}.note:nth-child(2) h3{background:var(--lilac)}.note ul{font-size:13px;margin:12px 14px;padding-left:19px;line-height:1.65}.note li+li{margin-top:7px}
.shared-list{max-width:770px;margin:28px auto 0}.list-intro{font-size:14px;color:var(--muted)}.list-items{list-style:none;padding:0;margin:22px 0;border-top:1px solid var(--rule)}.list-item{display:flex;gap:15px;padding:17px 10px;border-bottom:1px dashed #b9b1ae}.list-item:nth-child(even){background:#fcfaf5}.item-mark{font-size:24px;color:#9a6d58;line-height:1}.list-item strong{display:block;font-size:16px}.item-meta,.item-state{display:block;font-size:13px;color:var(--muted);margin-top:4px}.is-done strong{text-decoration:line-through;color:var(--muted)}.is-done .item-mark{color:#5d7663}
.footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);margin-top:30px;padding-top:12px;color:var(--muted);font-size:12px}
.save-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;padding:12px 15px;margin:18px 0;background:#f4efe8;border:1px solid var(--line)}
.edit-mode-label{width:100%;margin:0;font-size:12px;font-weight:700;color:#684658}.save-message{margin:0;flex:1;min-width:170px;font-size:14px;font-weight:700}.save-message.saved{color:#346044}.save-message.error,.save-message.conflict,.merge-warning{color:#852f2f}
.save-panel button,.editor button{border:1px solid var(--ink);border-radius:3px;background:var(--sage);color:var(--ink);min-height:44px;padding:8px 13px;cursor:pointer;font-weight:700}.save-panel button:hover,.editor button:hover{background:#c5d4c8}.save-panel button:disabled,.editor button:disabled{opacity:.55;cursor:default}.conflict-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}.conflict-actions button:first-child{background:#fff8ef}.merge-warning{width:100%;font-size:13px;font-weight:700;margin:4px 0}
.json-tools{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.json-tools button{background:#fffaf2}.json-tools small{color:#685e61;font-size:12px}
.editor{border:1.5px solid var(--line);background:#fffdf8;padding:19px;margin:20px 0}.editor h3{font:700 20px "Hannotate TC","PingFang TC",sans-serif;margin:3px 0 13px}.editor h3:not(:first-child){margin-top:22px}.editor h4{margin:0 0 10px;font-size:15px}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.edit-field{display:block;min-width:0;font-size:13px;font-weight:700;color:#594d55}.edit-field span{display:block;margin-bottom:4px}.edit-field input,.edit-field textarea{display:block;width:100%;min-height:44px;border:1px solid #aaa1a4;border-radius:3px;background:white;color:var(--ink);font:14px/1.5 inherit;padding:8px 10px}.edit-field textarea{min-height:82px;resize:vertical;font-family:inherit}.edit-card{border:1px solid var(--rule);background:white;margin:9px 0;padding:12px}.edit-card summary{cursor:pointer;font-weight:700;min-height:32px}.edit-card .edit-grid{margin:13px 0}.edit-actions{display:flex;flex-wrap:wrap;gap:8px}.editor .danger{background:#fff3ef;color:#762d2d;border-color:#a06565}.editor .danger:hover{background:#f8ded8}.editor form{border-top:1px dashed #aaa;margin-top:18px;padding-top:17px}.editor form button{margin-top:12px}.edit-list-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-list-row .check-field{grid-column:1/-1;display:flex;gap:9px;align-items:center;min-height:38px;font-weight:700}.check-field input{width:22px;height:22px;accent-color:#456d4f}.edit-list-row .danger{justify-self:start}
@media(max-width:800px){.site-top{padding:12px 16px}.paper{margin:0 10px 24px;min-height:0;padding:27px 23px 22px}.layout{grid-template-columns:1fr;gap:17px}.rail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.issue{grid-column:1/-1}.date-box,.ticket{margin:0}.date-box .date{font-size:55px}.trip-doodle{width:155px;height:110px;margin:0}.masthead{padding-bottom:13px}}
@media(max-width:540px){body{font-size:15px}.site-top{letter-spacing:.03em;font-size:10px;padding:7px 16px 4px}.site-top span{font-size:10px}.paper{margin:0;padding:12px 16px 28px;box-shadow:none}.masthead{align-items:center;padding-bottom:9px}.masthead small{display:none}.masthead h1{font-size:31px}.masthead h1 span{font-size:14px;margin-top:4px}.trip-doodle{width:62px;height:56px;object-position:center 69%;flex:none}.sync-status{font-size:11px;margin:6px 0 4px}.navigation{margin-top:0}.dates{margin:0 -16px;gap:2px}.tab-button{font-size:12px;min-height:46px;padding:6px 0}.layout{padding-top:11px;gap:9px}.rail{display:block}.issue,.date-box{display:none}.ticket{display:flex;align-items:baseline;gap:8px;padding:6px 9px;margin:0;background:var(--sage);border-color:var(--rule)}.ticket b{font-size:10px;white-space:nowrap}.ticket strong{font-size:14px;margin:0}.ticket p,.ticket .stamp{display:none}.body-head{display:block;padding-bottom:7px}.body-head .kicker{display:none}.body-head h2{font-size:26px;margin:0}.body-head .arrow{max-width:none;font-size:11px;text-align:left;margin-top:4px}.priority{align-items:start;padding:8px 9px;margin:9px 0 11px}.priority b{white-space:normal;min-width:62px}.priority span{font-size:13px}.row{grid-template-columns:82px minmax(0,1fr);gap:7px;padding:12px 3px}.row time{font-size:13px}.row strong{font-size:14px}.row small{font-size:12px}.detail-cue{grid-column:2;text-align:left}.event-extra{padding:7px 12px 12px}.event-extra p{grid-template-columns:1fr;gap:2px}.notes{grid-template-columns:1fr}.footer{display:block}.footer span{display:block;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:540px){.save-panel{margin:14px -4px;padding:11px}.save-panel>button{width:100%}.conflict-actions button{width:100%}.editor{padding:12px;margin:15px -4px}.edit-grid,.edit-list-row{grid-template-columns:1fr}.edit-list-row .check-field{grid-column:1}.edit-actions button{flex:1}.editor form button{width:100%}}

/* A quiet paper journal: the primary sections are edge-mounted index tabs. */
body{background:linear-gradient(90deg,#d8ccd0 0,#e7dedb 50%,#d8ccd0 100%)}
.site-top{max-width:1050px}
.paper{max-width:1050px;overflow:visible;border:1px solid #e5ddd5;border-radius:3px 12px 12px 3px;box-shadow:-13px 13px 0 #cfc2be,0 20px 48px #493b4a25;padding-left:72px}
.paper:before{opacity:.19;background-size:9px 9px;border-radius:inherit}
.paper:after{content:"";position:absolute;z-index:0;top:24px;bottom:24px;left:28px;width:15px;border-left:1px solid #bcb0a8;border-right:1px solid #e4d8d0;background:repeating-linear-gradient(to bottom,transparent 0 31px,#c6b6a9 31px 33px,transparent 33px 49px);opacity:.58;pointer-events:none}
.masthead{border-bottom:1px solid #bdb1a9}
.navigation{position:relative}
.primary-nav{position:absolute;z-index:3;top:3px;right:-116px;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.primary-tab{position:relative;display:flex;flex-direction:column;gap:3px;width:84px;height:84px;min-width:84px;padding:11px 8px 10px;border:1px solid #b69f98;border-left:0;border-radius:0 9px 9px 0;background:#d9dfd5;box-shadow:3px 4px 6px #3c343018;color:#39413d;font-size:14px;line-height:1.2;transition:transform .16s ease,box-shadow .16s ease}
.primary-tab:nth-child(2){background:#e3d9dc;border-color:#b6a7af;color:#453d46}
.primary-tab.current{transform:translateX(-7px);background:var(--paper);border:1px solid #b69f98;border-left:0;box-shadow:4px 5px 7px #3c343022;color:var(--ink)}
.primary-tab:hover:not(.current){transform:translateX(-4px);background:#f1e9e1}
.primary-icon{width:22px;height:22px}
.dates,.list-tabs{border-bottom-color:#9f8d84}
.tab-button,.list-tab{background:#f5f0e9;border-color:#d6c9bf;border-bottom-color:#9f8d84;border-radius:6px 6px 0 0}
.tab-button.current,.list-tab.current{background:var(--paper);border-color:#9f8d84;border-bottom-color:var(--paper);box-shadow:0 -3px 8px #4e3b2a0c}
.priority{background:#f5e9df;border-color:#d2b9a9}
.date-box,.ticket,.note{border-color:#aa9e96}
.date-box .route,.note h3{background:#dde4da}
.note:nth-child(2) h3{background:#eae0e6}
.body-head{border-bottom-color:#9f8d84}
.rows{border-top-color:#c4b8ad}
.event-detail:nth-child(even),.list-item:nth-child(even){background:#fbf8f3}
@media(max-width:1220px) and (min-width:801px){.paper{margin-left:auto;margin-right:100px;max-width:calc(100% - 128px)}}
@media(max-width:800px){
  .paper{max-width:none;overflow:visible;margin:0 14px 24px;padding-left:44px;box-shadow:-7px 8px 0 #d2c5c0,0 14px 30px #493b4a18}
  .paper:after{left:15px;width:9px}
  .primary-nav{position:relative;top:auto;right:auto;display:flex;flex-direction:row;gap:7px;margin:0 0 -1px;padding:0 4px;border:0;background:transparent}
  .primary-tab,.primary-tab:nth-child(2){flex-direction:row;width:auto;height:48px;min-width:108px;min-height:48px;gap:7px;padding:8px 14px;border:1px solid #b9aaa0;border-bottom-color:#9f8d84;border-radius:7px 7px 0 0;box-shadow:none;background:#e4e7de;color:var(--ink)}
  .primary-tab:nth-child(2){background:#e8e0e6}
  .primary-tab.current{transform:none;background:var(--paper);border:1px solid #9f8d84;border-bottom-color:var(--paper);box-shadow:0 -2px 7px #4e3b2a0c}
  .primary-tab:hover:not(.current){transform:none;background:#f1e9e1}
  .primary-icon{width:18px;height:18px}
}
@media(max-width:540px){
  body{padding-bottom:0;background:var(--paper)}
  .paper{margin:0;padding:12px 16px 28px;border:0;border-radius:0;box-shadow:none}
  .paper:after{left:2px;top:92px;bottom:0;width:6px;opacity:.32}
  .navigation{margin-top:0}
  .primary-nav{position:relative;z-index:2;left:auto;right:auto;bottom:auto;display:flex;grid-template-columns:none;gap:5px;margin:0 -16px -1px;padding:0 16px;border:0;border-bottom:1px solid #9f8d84;border-radius:0;background:transparent;box-shadow:none}
  .primary-tab,.primary-tab:nth-child(2){min-width:94px;min-height:43px;height:43px;gap:5px;padding:5px 11px;font-size:14px}
  .primary-tab.current{border-bottom-color:var(--paper)}
  .primary-icon{width:16px;height:16px}
  .dates,.list-tabs{margin:0 -16px;gap:2px;padding-left:0}
  .list-tab{min-width:100px;min-height:46px}
  .tab-button{min-height:44px;padding:5px 0}
  .tab-weekday{font-size:10px}
  .layout{padding-top:11px}
}

/* Open-book edition: a left notes leaf, a right itinerary leaf, and a central fold. */
body{background:radial-gradient(ellipse at 50% 0,#eee5dc 0,#d7c8c0 78%)}
.paper{max-width:1170px;padding:38px 66px 38px 68px;border:1px solid #dbcec0;border-radius:12px 15px 10px 10px;background:linear-gradient(90deg,#e6dbca 0,#fffdf6 2.2%,#fffdf8 46.5%,#eee6d8 48.8%,#baa995 50%,#eee4d4 51.25%,#fffdf9 53%,#fffdf8 97.7%,#e9dfd1 100%);box-shadow:-6px 5px 0 #c3b1a3,-12px 10px 0 #e3d7c9,8px 6px 0 #d4c2b4,15px 15px 0 #eadfd2,0 30px 60px #493b4a35}
.paper:before{opacity:.12;background-image:radial-gradient(#a99d90 .48px,transparent .48px);background-size:11px 11px}
.paper:after{top:0;bottom:0;left:calc(50% - 23px);width:46px;border:0;background:linear-gradient(90deg,transparent 0,#8f786144 31%,#866f5830 48%,#fffef9a8 53%,transparent 100%);opacity:.9}
.paper>*{z-index:1}
.site-top{max-width:1170px}
.masthead{min-height:154px;padding:8px 0 22px;border-bottom:1px solid #a99886}
.masthead h1{max-width:540px}
.navigation{margin-top:13px}
.primary-nav{right:-124px;top:9px;gap:6px}
.primary-tab{width:93px;min-width:93px;height:88px;border-radius:0 11px 11px 0;box-shadow:4px 5px 0 #a59182,8px 9px 15px #47372a28}
.primary-tab.current{box-shadow:4px 5px 0 #ad9b89,8px 9px 14px #47372a21}
.dates,.list-tabs{padding:0 14px 0 2px;border-bottom:1px solid #a99886}
.tab-button,.list-tab{min-height:51px;background:#eee7de;box-shadow:0 -2px 0 #e0d4c5 inset}
.tab-button.current,.list-tab.current{box-shadow:0 -3px 9px #4e3b2a10}
.book-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 64px;align-items:start;padding-top:34px}
.book-spread:not(.list-spread){grid-template-rows:auto 1fr}
.book-spread:not(.list-spread)>.rail{grid-column:1;grid-row:1}
.book-spread:not(.list-spread)>.dispatch{grid-column:2;grid-row:1 / span 2}
.book-spread:not(.list-spread)>.notes{grid-column:1;grid-row:2;align-self:start;margin-top:27px;padding:0 13px 0 4px}
.book-leaf{min-width:0}
.book-spread .rail{position:relative;padding:8px 13px 0 4px}
.day-sticker{position:absolute;top:32px;right:16px;width:142px;height:142px;background-image:url('/assets/day-stickers.png');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none}
.sticker-1{background-position:0% 0%}
.sticker-2{background-position:50% 0%}
.sticker-3{background-position:100% 0%}
.sticker-4{background-position:0% 100%}
.sticker-5{background-position:50% 100%}
.sticker-6{background-position:100% 100%}
.book-spread .dispatch{padding:5px 4px 0 8px}
.issue{letter-spacing:.18em;color:#8b6c59}
.date-box{margin-top:19px;border:0;background:transparent}
.date-box .date{padding:3px 0 0;font-size:clamp(62px,6vw,78px);line-height:1.02}
.date-box .weekday{min-height:68px;padding:0 160px 14px 0;font-size:17px}
.date-box .route{padding:11px 5px 11px 0;border:0;border-top:1px solid #bdad9c;border-bottom:1px solid #bdad9c;background:transparent;font-weight:750}
.ticket{position:relative;margin-top:20px;padding:14px 16px 12px;background:#f0e7d8;border:1px solid #bda997;border-radius:2px;box-shadow:4px 5px 0 #d8c6b2;transform:rotate(-1deg)}
.ticket:before{content:"";position:absolute;top:-9px;left:37%;width:76px;height:18px;background:#dac5a7a8;transform:rotate(2deg)}
.body-head{padding-bottom:13px}
.priority{border-left:4px solid #b78972;background:#f4e8db}
.notes{grid-template-columns:1fr;gap:11px}
.note{background:#fffdf8}
.list-spread .list-rail{display:block}
.list-cover{display:flex;flex-direction:column;min-height:330px;margin-top:22px;padding:30px 16px;border:1px solid #bba999;background:linear-gradient(155deg,#efe4d8,#f8f2e9 70%);box-shadow:5px 6px 0 #d5c2b0}
.list-cover small{font:700 12px "Noteworthy","Hannotate TC",sans-serif;letter-spacing:.2em}
.list-cover strong{font:700 clamp(53px,6vw,80px)/1.2 "Hannotate TC","PingFang TC",sans-serif;margin:auto 0;text-align:center}
.list-cover span{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.list-spread .shared-list{max-width:none;margin:0}
.list-spread .list-items{margin-top:20px}

@media(max-width:1320px) and (min-width:1081px){
  .paper{max-width:calc(100% - 150px);margin-left:auto;margin-right:105px}
  .site-top{max-width:calc(100% - 150px);margin-left:auto;margin-right:105px}
}
@media(max-width:1080px){
  .paper{max-width:none;margin:0 16px 28px;padding:26px 28px 30px;background:linear-gradient(90deg,#e9dfd1 0,#fffdf8 2.5%,#fffdf8 97%,#e9dfd1 100%);box-shadow:-6px 8px 0 #d1bfae,6px 8px 0 #ddcbb9,0 18px 36px #493b4a25}
  .paper:after{left:12px;width:13px;background:linear-gradient(90deg,#a9957944,transparent);opacity:.6}
  .masthead{min-height:0}
  .primary-nav{position:relative;top:auto;right:auto;display:flex;flex-direction:row;gap:6px;margin:0 0 -1px;padding:0 4px;border:0;background:transparent}
  .primary-tab,.primary-tab:nth-child(2){flex-direction:row;width:auto;min-width:108px;height:48px;min-height:48px;gap:7px;padding:8px 14px;border:1px solid #b9aaa0;border-bottom-color:#9f8d84;border-radius:7px 7px 0 0;box-shadow:none;background:#e4e7de;color:var(--ink)}
  .primary-tab:nth-child(2){background:#e8e0e6}
  .primary-tab.current{transform:none;background:var(--paper);border:1px solid #9f8d84;border-bottom-color:var(--paper);box-shadow:0 -2px 7px #4e3b2a0c}
  .primary-tab:hover:not(.current){transform:none;background:#f1e9e1}
  .primary-icon{width:18px;height:18px}
  .book-spread{grid-template-columns:1fr;gap:18px;padding-top:18px}
  .book-spread:not(.list-spread){grid-template-rows:none}
  .book-spread:not(.list-spread)>.rail,.book-spread:not(.list-spread)>.dispatch,.book-spread:not(.list-spread)>.notes{grid-column:1;grid-row:auto}
  .book-spread:not(.list-spread)>.notes{margin-top:0;padding:0}
  .book-spread .rail{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0}
  .day-sticker{position:static;grid-column:1/-1;justify-self:end;width:112px;height:112px;margin:0 8px}
  .book-spread .dispatch{padding:0}
  .book-spread .issue{grid-column:1/-1}
  .date-box,.ticket{margin:0}
  .date-box .date{font-size:62px}
  .date-box .weekday{min-height:0;padding:0 0 14px}
  .list-spread .list-rail{display:none}
}

/* Keep the two tab rows on one continuous sheet at single-page widths. */
@media(max-width:1080px){
  .primary-nav{z-index:2;margin-bottom:-1px}
  .primary-tab.current{border-bottom-color:#fffdf8}
  .dates,.list-tabs{position:relative;gap:4px;margin-top:0;padding:7px 5px 0;border-top:1px solid #9f8d84;border-bottom:1px solid #a99886;background:#fffdf8}
  .tab-button,.list-tab{margin-bottom:-1px;border-bottom-color:#a99886;box-shadow:none}
  .tab-button.current,.list-tab.current{z-index:1;border-bottom-color:#fffdf8;box-shadow:none}
}
@media(max-width:540px){
  .dates,.list-tabs{gap:2px;padding:5px 0 0}
}
@media(max-width:540px){
  body{background:#dfd3c8}
  .paper{margin:0 8px 22px;padding:12px 15px 26px;border:1px solid #e1d5c8;border-top:0;border-radius:0 9px 8px 0;background:linear-gradient(90deg,#ede2d3 0,#fffdf8 2%,#fffdf8 97%,#eadfce 100%);box-shadow:5px 6px 0 #cbb9a6,8px 9px 0 #e7dccc}
  .paper:after{left:0;top:0;bottom:0;width:5px;opacity:.34}
  .masthead{padding-bottom:9px}
  .navigation{margin-top:0}
  .primary-nav{margin:0 -15px -1px;padding:0 15px}
  .primary-tab,.primary-tab:nth-child(2){min-width:93px;min-height:43px;height:43px;padding:5px 11px;font-size:14px}
  .primary-tab.current{border-bottom-color:var(--paper)}
  .dates,.list-tabs{margin:0 -15px;padding:0;gap:2px}
  .tab-button{min-height:44px;padding:5px 0}
  .book-spread{padding-top:11px;gap:9px}
  .book-spread .rail{display:block}
  .book-spread .rail{position:relative;min-height:54px;padding-right:68px}
  .day-sticker{position:absolute;top:2px;right:2px;width:56px;height:56px;margin:0}
  .issue,.date-box{display:none}
  .ticket{transform:none;box-shadow:none;border:1px solid #d6c4b2;background:#f4ebdf;padding:7px 9px 7px 9px;min-height:54px}
  .ticket:before{display:none}
  .notes{grid-template-columns:1fr}
  .list-spread .list-rail{display:none}
}