:root{--cream:#f6f1e7;--cream2:#eee7da;--forest:#294238;--emerald:#3d5e50;--sage:#87978d;--ink:#303630;--line:rgba(41,66,56,.14)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Serif TC","Noto Serif CJK TC",serif}.nav{height:62px;padding:0 max(32px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(246,241,231,.94);backdrop-filter:blur(12px)}.nav a{color:var(--forest);text-decoration:none}.brand{font-weight:700;letter-spacing:.06em;font-size:12px}.nav-links{display:flex;gap:25px;font-size:11px}.page{width:min(980px,78vw);margin:0 auto;padding:86px 0 112px}.eyebrow{font:700 9px Arial,sans-serif;letter-spacing:.22em;color:var(--emerald)}h1{font-size:46px;font-weight:500;color:var(--forest);letter-spacing:.05em;margin:14px 0 8px}.intro{font-size:12px;color:var(--emerald);margin:0 0 56px}.days{border-top:1px solid var(--line)}.day{position:relative;display:grid;grid-template-columns:220px 1fr 42px;gap:46px;align-items:center;min-height:178px;padding:28px 22px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);transition:background .32s ease}.day.reverse{grid-template-columns:1fr 220px 42px}.day-media{height:122px;overflow:hidden;border-radius:4px}.day-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .35s ease}.day-copy{max-width:540px}.day.reverse .day-copy{grid-column:1;grid-row:1}.day.reverse .day-media{grid-column:2;grid-row:1}.day.reverse .day-arrow{grid-column:3;grid-row:1}.day-no{font:700 8px Arial,sans-serif;letter-spacing:.22em;color:var(--sage);display:block;margin-bottom:9px}.day h2{font-size:23px;font-weight:500;color:var(--forest);margin:0 0 8px;letter-spacing:.03em}.day p{font-size:11px;line-height:1.85;margin:0;color:#59645e}.day-arrow{width:30px;height:30px;border:1px solid rgba(41,66,56,.35);border-radius:50%;display:grid;place-items:center;color:var(--forest);font:13px Arial,sans-serif;transition:all .32s ease}.day:hover,.day:focus-visible{background:rgba(61,94,80,.055);outline:none}.day:hover img,.day:focus-visible img{transform:scale(1.025);filter:saturate(1.03)}.day:hover h2,.day:focus-visible h2{color:#17372a}.day:hover .day-arrow,.day:focus-visible .day-arrow{background:var(--emerald);color:var(--cream);border-color:var(--emerald);transform:translateX(3px)}.site-footer{background:var(--cream2);color:var(--forest);padding:52px max(32px,5vw) 24px;font-size:10px;line-height:1.75}.footer-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.55fr .75fr 1fr 1.25fr;gap:54px}.site-footer strong{font-size:12px}.site-footer h3{font:700 7px Arial,sans-serif;letter-spacing:.14em;margin:0 0 10px}.site-footer p{margin:8px 0;color:rgba(38,61,52,.74)}.site-footer a{display:block;color:rgba(38,61,52,.78);text-decoration:none}.footer-bottom{max-width:1120px;margin:38px auto 0;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:7px Arial,sans-serif;color:rgba(38,61,52,.62)}
@media(max-width:760px){.nav{padding:0 20px}.nav-links{display:none}.page{width:88vw;padding:62px 0 78px}h1{font-size:39px}.intro{margin-bottom:38px}.day,.day.reverse{grid-template-columns:112px 1fr 32px;gap:18px;padding:22px 8px;min-height:140px}.day.reverse .day-media{grid-column:1}.day.reverse .day-copy{grid-column:2}.day-media{height:96px}.day h2{font-size:19px}.day p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.day-arrow{width:28px;height:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:480px){.day,.day.reverse{grid-template-columns:1fr 30px}.day-media,.day.reverse .day-media{grid-column:1/-1;grid-row:auto;height:190px}.day-copy,.day.reverse .day-copy{grid-column:1;grid-row:auto}.day-arrow,.day.reverse .day-arrow{grid-column:2;grid-row:2}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
/* v2 — balanced editorial rows */
@media(min-width:761px){
.page{width:min(1120px,86vw);padding-top:86px}
.days{margin-top:0}
.day,.day.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:58px;min-height:255px;padding:36px 30px}
.day-media{height:auto;aspect-ratio:16/9;border-radius:3px}
.day-copy{max-width:430px}
.day:not(.reverse) .day-media{grid-column:1;grid-row:1}.day:not(.reverse) .day-copy{grid-column:2;grid-row:1;padding-right:48px}
.day.reverse .day-copy{grid-column:1;grid-row:1;padding-left:6px;padding-right:48px}.day.reverse .day-media{grid-column:2;grid-row:1}
.day-arrow,.day.reverse .day-arrow{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:31px;height:31px}
.day:hover .day-arrow,.day:focus-visible .day-arrow{transform:translate(3px,-50%)}
.day h2{font-size:25px;margin-bottom:9px}.day p{font-size:11.5px;line-height:1.9}.day-no{margin-bottom:10px}
}
/* v2.1 — compact overview: preserve v2 proportions, reduce overall visual scale */
@media(min-width:761px){
  .page{width:min(940px,76vw);padding-top:72px;padding-bottom:94px}
  h1{font-size:42px}
  .intro{margin-bottom:46px}
  .day,.day.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:42px;min-height:196px;padding:24px 22px}
  .day-media{aspect-ratio:16/9}
  .day-copy{max-width:370px}
  .day:not(.reverse) .day-copy{padding-right:40px}
  .day.reverse .day-copy{padding-left:2px;padding-right:40px}
  .day h2{font-size:23px;margin-bottom:7px}
  .day p{font-size:10.5px;line-height:1.8}
  .day-no{font-size:7.5px;margin-bottom:8px}
  .day-arrow,.day.reverse .day-arrow{right:20px;width:29px;height:29px}
  .day:hover,.day:focus-visible{background:rgba(61,94,80,.028)}
}
@media(min-width:1180px) and (min-height:800px){
  .page{width:min(930px,74vw)}
}

/* Approved readability sizes */
.brand{font-size:16px}.nav-links{font-size:15px;gap:22px}
.site-footer{font-size:14px}.site-footer strong{font-size:16px}.site-footer h3{font-size:11px}.footer-bottom{font-size:11px}
@media(min-width:761px) and (max-width:1080px){.nav{padding:0 3vw}.brand{font-size:14px}.nav-links{font-size:13px;gap:12px}.footer-grid{gap:24px}}