
:root{--day5-navy:#123844;--day5-rust:#a44a2e;--day5-gold:#bd873f;--day5-sage:#64827a;--day5-paper:#f7efe3;--day5-mist:#e9f0ee}
.day5-page{background:linear-gradient(180deg,#f7efe4,#edf2ef 48%,#f8f2e8);color:#1b3844}
.day5-page .day3-topbar{background:rgba(18,56,68,.96)}
.day5-hero{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(420px,1.16fr);gap:clamp(28px,5vw,70px);align-items:center;min-height:92vh;padding:clamp(100px,11vw,150px) max(5vw,30px) clamp(60px,8vw,110px);overflow:hidden;background:radial-gradient(circle at 14% 16%,rgba(189,135,63,.2),transparent 28%),radial-gradient(circle at 90% 12%,rgba(164,74,46,.13),transparent 25%),linear-gradient(135deg,#f7eee1,#e7efec 62%,#f4e4d7)}
.day5-hero:before{content:"";position:absolute;inset:0;opacity:.28;background-image:repeating-linear-gradient(0deg,transparent 0 35px,rgba(18,56,68,.07) 36px),linear-gradient(90deg,transparent 0 7%,rgba(164,74,46,.12) 7% 7.15%,transparent 7.15%)}
.day5-hero-copy,.day5-poster-stack{position:relative;z-index:1}.day5-hero-copy{max-width:780px}.day5-hero h1{margin:.2em 0;color:var(--day5-navy);font:900 clamp(2.8rem,7vw,6.4rem)/.98 "Noto Serif TC",serif;letter-spacing:-.045em}.day5-page .day3-remembrance span{background:linear-gradient(145deg,#773528,#ad5439)}
.day5-poster-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;perspective:1200px}.day5-poster-stack figure{margin:0;padding:10px;border:1px solid rgba(18,56,68,.14);border-radius:28px;background:rgba(255,255,255,.64);box-shadow:0 28px 70px rgba(18,56,68,.18);transform:rotate(-2deg)}.day5-poster-stack figure:nth-child(2){transform:translateY(36px) rotate(2deg)}.day5-poster-stack img{display:block;width:100%;height:auto;border-radius:19px}.day5-poster-stack figcaption{padding:10px 5px 2px;color:#516d75;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-align:center}
.day5-expert-grid,.day5-note-grid,.day5-evidence-grid,.day5-comparison{display:grid;gap:18px;max-width:1120px;margin:34px auto 0}.day5-expert-grid,.day5-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.day5-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.day5-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.day5-expert-grid article,.day5-note-grid article,.day5-evidence-grid article,.day5-comparison article{position:relative;padding:clamp(22px,3vw,32px);border:1px solid rgba(18,56,68,.13);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 16px 42px rgba(18,56,68,.08)}.day5-expert-grid article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--day5-rust);color:#fff}.day5-expert-grid article:nth-child(2)>b{background:var(--day5-navy)}.day5-expert-grid h3,.day5-comparison h3{color:var(--day5-navy);font-family:"Noto Serif TC",serif}.day5-expert-grid p,.day5-note-grid p,.day5-evidence-grid p,.day5-comparison p{color:#526b75;line-height:1.78}.day5-expert-grid small{display:block;margin-top:14px;padding-top:12px;border-top:1px solid rgba(18,56,68,.1);color:#728087}.day5-reading-note{background:linear-gradient(145deg,#f6ede2,#eef3f0)}.day5-note-grid article{border-top:5px solid var(--day5-gold)}.day5-note-grid article:nth-child(2){border-top-color:var(--day5-sage)}.day5-note-grid article:nth-child(3){border-top-color:var(--day5-rust)}
.day5-mechanism{display:grid;grid-template-columns:repeat(9,auto);gap:11px;align-items:center;justify-content:center;max-width:1180px;margin:38px auto 0}.day5-mechanism article{display:grid;gap:10px;place-items:center;min-height:155px;max-width:190px;padding:20px 15px;border:1px solid rgba(18,56,68,.12);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(18,56,68,.08);text-align:center}.day5-mechanism span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--day5-navy);color:#fff;font-weight:900}.day5-mechanism i{color:var(--day5-rust);font-size:1.8rem;font-style:normal;font-weight:900}.day5-branch{max-width:820px;margin:22px auto 0;padding:18px 22px;border-left:5px solid var(--day5-gold);border-radius:0 18px 18px 0;background:rgba(255,250,241,.88)}.day5-branch b{color:#885e29}.day5-branch p{margin:.4em 0 0;color:#5a6e76;line-height:1.7}
.day5-comparison article:first-child{border-top:6px solid var(--day5-rust)}.day5-comparison article:last-child{border-top:6px solid var(--day5-navy)}.day5-comparison small{color:var(--day5-rust);font-weight:900;letter-spacing:.08em}.day5-comparison ul{padding-left:1.25rem;color:#3d5965;line-height:1.85}.day5-source-typo{padding:12px 14px;border-radius:12px;background:#fff5df!important;color:#7b5a29!important;font-size:.82rem}
.day5-evidence-grid article{min-height:190px;border-left:5px solid var(--day5-sage)}.day5-evidence-grid article:nth-child(2n){border-left-color:var(--day5-rust)}.day5-evidence-grid article b{color:var(--day5-navy);font-size:1.02rem}
.day5-poster-transition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:clamp(45px,7vw,90px) max(5vw,24px);background:linear-gradient(145deg,#133b47,#315f64)}.day5-poster-transition figure{margin:0;padding:12px;border-radius:28px;background:rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.2)}.day5-poster-transition img{display:block;width:100%;height:auto;border-radius:20px}.day5-poster-transition figcaption{padding:13px 5px 2px;color:#f5eadc;text-align:center;font-weight:900;letter-spacing:.08em}
.day5-source-note{max-width:960px;margin:18px auto 0;padding:14px 17px;border-left:4px solid var(--day5-gold);border-radius:0 14px 14px 0;background:rgba(255,255,255,.66);color:#5d7078!important}.day5-record-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:18px auto 26px}.day5-record-tools button{min-height:42px;padding:.58rem .9rem;border:1px solid rgba(18,56,68,.15);border-radius:999px;background:#fff;color:var(--day5-navy);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.day5-record-tools button:hover,.day5-record-tools button:focus-visible{background:#edf3f1;outline:2px solid rgba(164,74,46,.28);outline-offset:2px}
.day5-record-chapter>header{position:relative}.day5-chapter-toggle{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(18,56,68,.1);color:var(--day5-navy);font-size:1.25rem;font-weight:900;cursor:pointer}.day5-record-chapter.is-collapsed .day3-dialogue-flow{display:none}.day5-record-subhead{margin:18px 0 8px;padding:12px 15px;border-radius:14px;background:linear-gradient(90deg,var(--day5-navy),#416b72);color:#fff;font:800 1rem/1.45 "Noto Serif TC",serif}.day5-source-paragraph{margin:0;padding:13px 16px;border-left:4px solid #b8c9c7;border-radius:0 14px 14px 0;background:rgba(255,255,255,.72);color:#3f5963;line-height:1.82}.day5-source-paragraph.is-key{border-left-color:var(--day5-rust);background:#fff5eb}.day5-witness-oath{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:16px;background:#eef4f1}.day5-witness-oath span{padding:.35rem .65rem;border-radius:999px;background:var(--day5-sage);color:#fff;font-size:.72rem;font-weight:900}.day5-editor-note{margin:2px 0 12px;padding:13px 16px;border:1px solid rgba(18,56,68,.09);border-radius:15px;background:rgba(255,255,255,.72)}.day5-editor-note b{color:#7f5a35;font-size:.8rem}.day5-editor-note p{margin:.35rem 0 0;color:#61747b;font-size:.83rem;line-height:1.65}.day5-editor-note.is-limit{background:#eef5f7}.day5-editor-note.is-comparison{background:#f2edf6}.day5-editor-note.is-count{background:#fff3e7}.day5-editor-note.is-term{background:#fff7dd}.day5-editor-note.is-source{background:#f4f1ec}
.day3-dialogue-question small,.day3-dialogue-answer small{display:block;margin-bottom:5px;color:#7b8387;font-size:.67rem;font-weight:850}.day5-mark{padding:0 .12em;border-radius:.22em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.day5-mark.is-conclusion{background:#f4c9bf}.day5-mark.is-concept{background:#f4df9d}.day5-mark.is-limit{background:#d8eaf0}.day5-mark.is-evidence{background:#d8eadf}.day5-mark.is-comparison{background:#e6d9ee}.day5-mark.is-procedure{background:#e6e6e6}.day5-page.hide-highlights .day5-mark{background:transparent!important;padding:0}.day5-page .day3-dialogue-subhead.is-prosecutor{background:linear-gradient(90deg,#9e4c3d,#bf785f)}.day5-page .day3-dialogue-subhead.is-defense{background:linear-gradient(90deg,#655a73,#8a7897)}.day5-page .day3-dialogue-subhead.is-juror{background:linear-gradient(90deg,#315f64,#5d8a82)}.day5-page .day3-dialogue-subhead.is-judge{background:linear-gradient(90deg,#334f6b,#5f7691)}
.day5-page .day3-transcript-chapter>header>span{background:linear-gradient(145deg,var(--day5-rust),#713424)}.day5-page .day3-dialogue-answer b{background:var(--day5-sage)}.day5-page .day3-source{background:linear-gradient(135deg,#102f3a,#2e5a61)}
@media(max-width:1050px){.day5-hero{grid-template-columns:1fr;padding-top:115px}.day5-poster-stack{max-width:820px}.day5-mechanism{grid-template-columns:1fr;max-width:760px}.day5-mechanism article{max-width:none;min-height:auto}.day5-mechanism i{transform:rotate(90deg)}}
@media(max-width:760px){.day5-poster-stack,.day5-poster-transition,.day5-expert-grid,.day5-note-grid,.day5-evidence-grid,.day5-comparison{grid-template-columns:1fr}.day5-poster-stack figure:nth-child(2){transform:none}.day5-poster-stack figure{transform:none}.day5-hero h1{font-size:clamp(2.6rem,15vw,4.8rem)}.day5-chapter-toggle{right:12px}.day5-record-chapter>header{padding-right:62px}.day5-poster-transition{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.day5-poster-stack figure{transform:none!important}}


/* Day 5: two medical experts testimony comparison */
.day5-doctor-comparison{position:relative;overflow:hidden;background:linear-gradient(155deg,#f7efe4 0%,#edf3f0 52%,#f5e8df 100%)}
.day5-doctor-comparison:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,rgba(164,74,46,.09),transparent 26%),radial-gradient(circle at 91% 18%,rgba(49,95,100,.1),transparent 30%);pointer-events:none}.day5-doctor-comparison>*{position:relative;z-index:1}
.day5-compare-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:1180px;margin:30px auto 18px}.day5-compare-summary article{padding:18px 16px;border:1px solid rgba(18,56,68,.11);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(18,56,68,.07);text-align:center}.day5-compare-summary strong{display:block;color:var(--day5-navy);font-size:1rem}.day5-compare-summary span{display:block;margin-top:7px;color:#65777e;font-size:.76rem;line-height:1.5}
.day5-compare-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 auto 24px}.day5-compare-legend span{display:inline-flex;align-items:center;gap:7px;padding:.45rem .7rem;border-radius:999px;background:#fff;color:#385661;font-size:.72rem;font-weight:900;box-shadow:0 5px 16px rgba(18,56,68,.06)}.day5-compare-legend span:before{content:"";width:9px;height:9px;border-radius:50%;background:#5b8b78}.day5-compare-legend .is-complement:before{background:#39717a}.day5-compare-legend .is-difference:before{background:#aa573d}.day5-compare-legend .is-limit:before{background:#77668b}
.day5-compare-grid{display:grid;gap:20px;max-width:1180px;margin:0 auto}.day5-compare-card{--compare-accent:#5b8b78;position:relative;padding:clamp(20px,3vw,30px);border:1px solid rgba(18,56,68,.12);border-left:7px solid var(--compare-accent);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(18,56,68,.085)}.day5-compare-card.is-complement{--compare-accent:#39717a}.day5-compare-card.is-difference{--compare-accent:#aa573d}.day5-compare-card.is-limit{--compare-accent:#77668b}.day5-compare-card>header{display:flex;align-items:flex-start;gap:14px;margin-bottom:17px}.day5-compare-card>header>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:var(--compare-accent);color:#fff;font-size:.88rem;font-weight:900}.day5-compare-card header small{display:block;color:var(--compare-accent);font-size:.7rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.day5-compare-card h3{margin:.28rem 0 0;color:var(--day5-navy);font:850 clamp(1.12rem,2vw,1.42rem)/1.38 "Noto Serif TC",serif}
.day5-compare-sides{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:13px;align-items:stretch}.day5-compare-sides section{position:relative;padding:49px 19px 19px;border:1px solid rgba(18,56,68,.1);border-radius:18px;background:linear-gradient(145deg,#fff,#f4f7f5)}.day5-compare-sides section:before{content:attr(data-expert);position:absolute;top:13px;left:15px;padding:.3rem .6rem;border-radius:999px;background:#e5edef;color:#254b58;font-size:.7rem;font-weight:900}.day5-compare-sides section:last-child:before{background:#f1e1d9;color:#884331}.day5-compare-sides p{margin:0;color:#465f69;line-height:1.78}.day5-compare-sides>i{display:grid;place-items:center;color:var(--compare-accent);font:900 1.55rem/1 system-ui;font-style:normal}
.day5-compare-card>footer{margin-top:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--compare-accent) 10%,transparent);border-radius:15px;background:#fffdf9!important}.day5-compare-card>footer>b{display:block;color:color-mix(in srgb,var(--compare-accent) 82%,#526b75);font-size:.78rem;letter-spacing:.04em}.day5-compare-card>footer>p{margin:.35rem 0 0;color:#596f78;line-height:1.68}.day5-compare-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.day5-compare-links a{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:#fff;color:#28505d;font-size:.71rem;font-weight:850;text-decoration:none;box-shadow:0 4px 12px rgba(18,56,68,.07)}.day5-compare-links a:hover,.day5-compare-links a:focus-visible{transform:translateY(-1px);outline:2px solid color-mix(in srgb,var(--compare-accent) 26%,transparent);outline-offset:2px}
.day5-compare-caution{max-width:1000px;margin:27px auto 0;padding:18px 21px;border:1px solid rgba(164,74,46,.14);border-radius:19px;background:rgba(255,250,246,.82);box-shadow:0 9px 26px rgba(83,43,37,.055)}.day5-compare-caution b{color:#824638}.day5-compare-caution p{margin:.45rem 0 0;color:#5c7078;line-height:1.72}
@media(max-width:900px){.day5-compare-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.day5-compare-sides{grid-template-columns:1fr}.day5-compare-sides>i{height:25px;transform:rotate(90deg)}}
@media(max-width:560px){.day5-compare-summary{grid-template-columns:1fr}.day5-compare-card{padding:18px 14px;border-left-width:5px;border-radius:20px}.day5-compare-card>header>span{flex-basis:40px;width:40px;height:40px}.day5-compare-sides section{padding:46px 15px 16px}.day5-compare-legend{justify-content:flex-start}}


/* Day 5 reading and comparison usability refinement */
.day5-compare-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:1180px;margin:0 auto 22px}
.day5-compare-filter{min-height:42px;padding:.58rem .9rem;border:1px solid rgba(18,56,68,.16);border-radius:999px;background:rgba(255,255,255,.88);color:var(--day5-navy);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(18,56,68,.06)}
.day5-compare-filter:hover,.day5-compare-filter:focus-visible{outline:2px solid rgba(49,95,100,.28);outline-offset:2px}
.day5-compare-filter[aria-pressed="true"]{border-color:var(--day5-navy);background:var(--day5-navy);color:#fff}
.day5-compare-card[hidden]{display:none}
.day5-compare-card.is-difference{background:linear-gradient(145deg,#fffaf7,#f8e9e3)}
.day5-compare-card.is-difference>header:after{content:"核心爭點";margin-left:auto;padding:.34rem .58rem;border-radius:999px;background:#a44a2e;color:#fff;font-size:.68rem;font-weight:900;white-space:nowrap}
.day5-compare-sides>i:after{content:attr(data-mobile-label)}
.day5-record-chapter>header{cursor:pointer}
.day5-chapter-toggle:focus-visible{outline:3px solid rgba(164,74,46,.34);outline-offset:3px}
.day5-back-to-comparison{position:sticky;bottom:14px;z-index:8;display:none;width:max-content;margin:12px 14px 12px auto;padding:.55rem .82rem;border-radius:999px;background:var(--day5-navy);color:#fff!important;font-size:.76rem;font-weight:900;text-decoration:none;box-shadow:0 10px 28px rgba(18,56,68,.24)}
.day5-record-active .day5-back-to-comparison{display:block}
@media(max-width:900px){
  .day5-compare-sides>i{height:auto;min-height:34px;transform:none;font-size:0}
  .day5-compare-sides>i:after{display:inline-flex;padding:.38rem .68rem;border-radius:999px;background:color-mix(in srgb,var(--compare-accent) 9%,#fff);font-size:.74rem;font-weight:900}
}
@media(max-width:560px){
  .day5-compare-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:2px 1px 8px;scrollbar-width:thin}
  .day5-compare-filter{flex:0 0 auto}
  .day5-compare-card.is-difference>header:after{display:none}
}
/* Force clearly light comparison takeaway boxes across shared footer styles */
.day5-page .day5-doctor-comparison .day5-compare-card>footer{
  background:rgba(184,201,199,.68)!important;
  background-color:rgba(184,201,199,.68)!important;
  background-image:none!important;
  color:#405b65!important;
  box-shadow:0 5px 16px rgba(18,56,68,.045)!important;
}
/* Day 5 source section: crab-green palette */
.day5-page .day3-source{
  background:linear-gradient(135deg,#aebfbd 0%,#c7d5d3 55%,#dde6e4 100%)!important;
  color:#294750!important;
}
.day5-page .day3-source small,
.day5-page .day3-source h2,
.day5-page .day3-source p{color:#294750!important;}
.day5-page .day3-source a{
  border-color:rgba(41,71,80,.2)!important;
  background:rgba(255,255,255,.56)!important;
  color:#234954!important;
}
/* Day 5 Chinese traditional pastel palette */
.day5-page{
  --day5-navy:#42636b;
  --day5-rust:#b97868;
  --day5-gold:#c5a46d;
  --day5-sage:#819d96;
  --day5-paper:#f8f1e8;
  --day5-mist:#e8f0ef;
  background:linear-gradient(180deg,#faf3ea 0%,#edf4f3 34%,#f6edf1 68%,#faf4eb 100%);
  color:#294a52;
}
.day5-page .day3-topbar{background:rgba(66,99,107,.94);}
.day5-hero{
  background:
    radial-gradient(circle at 13% 15%,rgba(230,184,168,.38),transparent 29%),
    radial-gradient(circle at 88% 13%,rgba(200,183,215,.3),transparent 27%),
    radial-gradient(circle at 75% 84%,rgba(184,201,199,.3),transparent 30%),
    linear-gradient(135deg,#faf1e8 0%,#eaf2f1 58%,#f5e8ed 100%);
}
.day5-page .day3-remembrance span{background:linear-gradient(145deg,#b97868,#d39a8b);}
.day5-poster-stack figure,
.day5-expert-grid article,
.day5-note-grid article,
.day5-evidence-grid article,
.day5-comparison article{
  border-color:rgba(66,99,107,.13);
  background:rgba(255,252,248,.88);
  box-shadow:0 16px 42px rgba(66,99,107,.075);
}
.day5-reading-note{background:linear-gradient(145deg,#f8eee8,#edf4f2 52%,#f3ebf3);}
.day5-page .day3-soft{background:linear-gradient(145deg,rgba(234,242,241,.9),rgba(249,238,232,.9));}
.day5-mechanism article{background:#fffaf5;border-color:rgba(66,99,107,.12);}
.day5-branch{background:rgba(250,240,222,.86);border-left-color:#c5a46d;}
.day5-doctor-comparison{
  background:linear-gradient(155deg,#faf0e8 0%,#edf4f2 48%,#f4eaf1 100%);
}
.day5-doctor-comparison:before{
  background:
    radial-gradient(circle at 8% 10%,rgba(230,184,168,.2),transparent 27%),
    radial-gradient(circle at 91% 18%,rgba(184,201,199,.22),transparent 31%),
    radial-gradient(circle at 82% 88%,rgba(200,183,215,.18),transparent 26%);
}
.day5-compare-summary article{background:rgba(255,252,248,.88);}
.day5-compare-card{background:rgba(255,252,248,.94);}
.day5-compare-card.is-difference{background:linear-gradient(145deg,#fffaf7,#f6e8e4);}
.day5-compare-sides section{background:linear-gradient(145deg,#fffdf9,#f1f5f3);}
.day5-page .day5-doctor-comparison .day5-compare-card>footer{
  background:rgba(184,201,199,.68)!important;
  background-color:rgba(184,201,199,.68)!important;
}
.day5-mark.is-conclusion{background:#edc9bf;}
.day5-mark.is-concept{background:#f2dfb5;}
.day5-mark.is-limit{background:#dcecef;}
.day5-mark.is-evidence{background:#dceade;}
.day5-mark.is-comparison{background:#e8dced;}
.day5-editor-note.is-limit{background:#e7f1f3;}
.day5-editor-note.is-comparison{background:#eee6f1;}
.day5-editor-note.is-count{background:#f9e9df;}
.day5-editor-note.is-term{background:#f8edcf;}
.day5-editor-note.is-source{background:#f2eee8;}
.day5-page .day3-source{
  background:linear-gradient(135deg,#aebfbd 0%,#cbd8d6 55%,#e1e9e7 100%)!important;
}
