/* Blog 1: reading perspectives, book-fair photography and a readable book list. */
.journal-bookfair .reading-map{margin:34px 0 44px;padding:30px;background:#FAF8F6;border:1px solid #EAE4E0;border-radius:4px}
.journal-bookfair .reading-map-heading{margin:0;font-family:'Noto Serif TC',serif;font-size:26px;font-weight:500;line-height:1.55;text-align:center;text-wrap:balance}
.journal-bookfair .reading-map-kicker{display:block;color:var(--accent);font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-bottom:12px}
.journal-bookfair .reading-map-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);grid-template-rows:repeat(4,minmax(65px,auto));column-gap:18px;margin-top:24px}
.journal-bookfair .reading-lens{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:0;width:100%;padding:15px 9px;border:0;border-bottom:1px solid #E4DEDA;background:transparent;color:#555358;font:inherit;text-align:left;cursor:pointer;transition:color .25s,background .25s,transform .35s}
.journal-bookfair .reading-lens:nth-of-type(-n+4){grid-column:1}
.journal-bookfair .reading-lens:nth-of-type(n+5){grid-column:3}
.journal-bookfair .reading-lens:nth-of-type(4n+1){grid-row:1}
.journal-bookfair .reading-lens:nth-of-type(4n+2){grid-row:2}
.journal-bookfair .reading-lens:nth-of-type(4n+3){grid-row:3}
.journal-bookfair .reading-lens:nth-of-type(4n+4){grid-row:4}
.journal-bookfair .reading-lens svg{width:25px;height:25px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
.journal-bookfair .reading-lens-label{font-size:17px;line-height:1.45;font-weight:500}
.journal-bookfair .reading-lens[aria-pressed="true"]{color:var(--accent);background:#F3E8E3;border-color:#C9A59B}
.journal-bookfair .reading-lens:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.journal-bookfair .reading-book{grid-column:2;grid-row:1 / 5;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:center;color:var(--accent);pointer-events:none}
.journal-bookfair .reading-book svg{width:100%;height:auto;overflow:visible}
.journal-bookfair .reading-book-word{font-family:'Noto Serif TC',serif;font-size:23px;letter-spacing:.12em;margin-top:9px;color:#373033}
.journal-bookfair .reading-book-sub{font-size:9px;letter-spacing:.22em;margin-top:7px;color:#8B7370}
.journal-bookfair .reading-question{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:start;gap:16px;margin-top:26px;padding-top:21px;border-top:1px solid #DAD0CA;min-height:88px}
.journal-bookfair .reading-question-label{color:var(--accent);font-size:11px;line-height:1.8;padding-top:4px;letter-spacing:.05em}
.journal-bookfair .reading-question-text{color:#514D4E;font-size:16px;line-height:1.8;text-wrap:pretty}
.journal-bookfair .reading-map-caption{display:block;text-align:center;margin-top:19px;font-size:10px;line-height:1.8;color:#777077}
.journal-bookfair .reading-question [hidden]{display:none!important}
.journal-bookfair .reading-photo{margin:30px 0 34px}
.journal-bookfair .reading-photo a{display:block;text-decoration:none}
.journal-bookfair .reading-photo img{display:block;width:100%;height:auto;border-radius:3px}
.journal-bookfair .reading-photo figcaption{margin-top:11px;padding-left:12px;border-left:2px solid var(--accent);font-size:12px;line-height:1.8;color:var(--journal-muted)}
.journal-bookfair .reading-photo-talk{max-width:560px;margin-inline:auto}
.journal-bookfair .reading-photo-poster{margin-top:28px}
.journal-bookfair .reading-photo .reading-publication-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:100%;min-height:46px;margin-top:18px;padding:12px 20px;border-radius:3px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;line-height:1.6;text-align:center;transition:background .2s}
.journal-bookfair .reading-photo .reading-publication-link:hover{background:var(--accent2)}
.journal-bookfair .reading-shelf{margin:32px 0 40px}
.journal-bookfair .reading-level{margin:0 0 36px}
.journal-bookfair .reading-level-header{display:flex;gap:20px;align-items:center;padding:23px 26px;background:#F8F5F3;border-top:2px solid var(--accent);margin-bottom:0}
.journal-bookfair .reading-level-number{font-family:Georgia,serif;font-size:45px;line-height:1;color:#C6AAA1;font-style:italic;font-weight:400}
.journal-bookfair .reading-level h3{font-family:'Noto Serif TC',serif;font-size:23px;font-weight:500;line-height:1.5;margin:0 0 3px;color:#252326}
.journal-bookfair .reading-level-subtitle{display:block;font-size:12px;line-height:1.7;color:#756B6A}
.journal-bookfair .reading-stage{padding-top:25px}
.journal-bookfair .reading-stage h4{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0;padding-bottom:14px;border-bottom:1px solid #BFA59D;font-size:13px;font-weight:600;color:var(--accent)}
.journal-bookfair .reading-stage h4 small{font-size:11px;font-weight:400;color:#756F70}
.journal-bookfair .reading-books{list-style:none;padding:0;margin:0}
.journal-bookfair .reading-books li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:24px;padding:22px 0;border-bottom:1px solid #E8E4E2;align-items:start}
.journal-bookfair .reading-book-title{display:block;margin:0 0 7px;font-family:'Noto Serif TC',serif;font-size:19px;line-height:1.6;font-weight:500;color:#302A2C}
.journal-bookfair .reading-book-detail{display:block;font-size:12px;line-height:1.8;color:#796E6D}
.journal-bookfair .reading-book-detail.en{display:none}
[data-langroot="en"] .journal-bookfair .reading-book-detail.en{display:block}
.journal-bookfair .reading-book-value{font-size:14px;line-height:1.95;color:#5E585A}
[data-langroot="en"] .journal-bookfair .reading-map-heading{font-size:24px}
[data-langroot="en"] .journal-bookfair .reading-lens-label{font-size:13px}
[data-langroot="en"] .journal-bookfair .reading-book-word{font-size:20px;letter-spacing:0}
[data-langroot="en"] .journal-bookfair .reading-book-title{font-size:17px;line-height:1.5}
[data-langroot="en"] .journal-bookfair .reading-book-value{font-size:13px;line-height:1.9}
[data-langroot="en"] .journal-bookfair .reading-question{min-height:114px}
@media(hover:hover){
  .journal-bookfair .reading-lens:hover{color:var(--accent);background:#F4ECE7}
  .journal-bookfair .reading-lens:hover svg{transform:translateY(-2px)}
}
@media(min-width:851px) and (max-width:1120px){
  .journal-bookfair .reading-map{padding:24px 20px}
  .journal-bookfair .reading-map-layout{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);column-gap:12px}
  .journal-bookfair .reading-lens{padding:13px 6px;gap:8px}
  .journal-bookfair .reading-lens-label{font-size:15px}
}
@media(max-width:600px){
  .journal-bookfair .reading-map{padding:25px 20px;margin-block:26px 34px}
  .journal-bookfair .reading-map-heading{font-size:22px}
  .journal-bookfair .reading-map-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:120px repeat(4,minmax(60px,auto));gap:0 14px;margin-top:12px}
  .journal-bookfair .reading-book{grid-column:1 / 3;grid-row:1;flex-direction:row;gap:10px}
  .journal-bookfair .reading-book svg{width:110px}
  .journal-bookfair .reading-book-word{font-size:21px;margin-top:0}
  .journal-bookfair .reading-book-sub{display:none}
  .journal-bookfair .reading-lens:nth-of-type(n){grid-column:auto;grid-row:auto;padding:12px 5px;gap:9px}
  .journal-bookfair .reading-lens svg{width:23px;height:23px}
  .journal-bookfair .reading-lens-label{font-size:15px}
  .journal-bookfair .reading-question{display:block;min-height:105px;margin-top:21px;padding-top:17px}
  .journal-bookfair .reading-question-label{display:block;margin-bottom:7px;padding:0}
  .journal-bookfair .reading-question-text{font-size:15px}
  .journal-bookfair .reading-map-caption{font-size:10px;margin-top:14px}
  .journal-bookfair .reading-level-header{padding:18px 19px;gap:17px}
  .journal-bookfair .reading-level-number{font-size:37px}
  .journal-bookfair .reading-level h3{font-size:21px}
  .journal-bookfair .reading-stage{padding-top:22px}
  .journal-bookfair .reading-books li{display:block;padding-block:19px}
  .journal-bookfair .reading-book-title{font-size:19px;margin-bottom:4px}
  .journal-bookfair .reading-book-value{display:block;margin-top:10px;font-size:14px}
  .journal-bookfair .reading-book-detail{font-size:12px}
  .journal-bookfair .reading-photo figcaption{font-size:11px}
  [data-langroot="en"] .journal-bookfair .reading-map-heading{font-size:21px}
  [data-langroot="en"] .journal-bookfair .reading-question{min-height:142px}
  [data-langroot="en"] .journal-bookfair .reading-book-word{font-size:17px}
}
@media(max-width:360px){
  .journal-bookfair .reading-map{padding-inline:14px}
  .journal-bookfair .reading-map-layout{column-gap:8px}
  .journal-bookfair .reading-lens{flex-direction:column;align-items:flex-start}
  .journal-bookfair .reading-lens-label{font-size:14px}
  .journal-bookfair .reading-question{min-height:133px}
  [data-langroot="en"] .journal-bookfair .reading-question{min-height:175px}
}
@media(prefers-reduced-motion:reduce){
  .journal-bookfair .reading-lens,.journal-bookfair .reading-lens svg{transition:none;transform:none!important}
  .journal-bookfair .reading-photo .reading-publication-link{transition:none}
}