@layer reset,theme,layout,components,responsive;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body,h1,h2,h3,p,figure,blockquote{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#492c46;color:#fff}:focus-visible{outline:3px solid #a84132;outline-offset:6px}details>summary{cursor:pointer}}
@layer theme{:root{color-scheme:light;--paper:#f8fafa;--porcelain:#ddeef0;--ink:#492c46;--body:#554650;--muted:#70616b;--line:#c5d1d3;--ember:#a84132;--sans:"Avenir Next","PingFang TC","Noto Sans TC",system-ui,sans-serif;--serif:"Iowan Old Style","Baskerville","Songti TC",serif}body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;line-height:1.28;text-wrap:balance;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,4.2vw,4.05rem)}h2{font-size:clamp(2.2rem,3.9vw,3.6rem)}h3{font-size:1.7rem}p{color:var(--body)}.eyebrow,.section-label{font-size:.75rem;letter-spacing:.12em}.lead{font-size:1.3rem;line-height:1.8}.narrow{max-width:620px;margin-top:28px}.caption,figcaption{font-size:.8125rem;color:var(--muted);line-height:1.7}.caption{margin-top:24px}}
@layer layout{.site-header{height:90px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;gap:48px;background:var(--porcelain)}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header a:not(.wordmark){font-size:.875rem}.hero{position:relative;background:var(--porcelain);padding:84px max(64px,calc((100vw - 1312px)/2)) 0;min-height:665px;overflow:hidden}.hero-copy{position:relative;z-index:1;width:54%;padding-bottom:110px}.hero-art{position:absolute;left:48%;top:24px;width:57%;height:560px}.hero-art img{width:100%;height:100%;object-fit:contain}.hero-foot{position:relative;z-index:2;border-top:1px solid #492c4630;display:flex;gap:24px;align-items:center;padding:24px 0;font-size:.75rem;letter-spacing:.12em}.hero-foot .line{width:80px;border-top:1px solid #492c4660}.hero-foot>a{margin-left:auto;font-size:1.5rem;line-height:1}.section{max-width:1320px;padding:100px 64px;margin:auto;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:56px}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.prose{max-width:620px}.prose>p+p{margin-top:26px}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:54px}.section-intro>p{max-width:430px}.book-section{max-width:none;background:#eaf1f2}.book-section>*{max-width:1192px;margin-left:auto;margin-right:auto}.book-spread{display:grid;grid-template-columns:280px 1fr;background:#fff;box-shadow:0 20px 50px #39253709;border:1px solid #ccd9da}.book-margin{border-right:1px solid #d8dedf;padding:42px 36px;display:flex;flex-direction:column;background:#f9fbfb}.book-page{padding:48px 72px 56px;max-width:780px}.product-figure{margin-top:48px}.product-figure img{width:100%;border:1px solid var(--line)}.product-figure figcaption{margin-top:18px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 64px;border-top:1px solid var(--line)}.site-footer p{font-size:.875rem}}
@layer components{.skip-link{position:absolute;left:24px;top:-70px;z-index:10;background:white;padding:10px 20px}.skip-link:focus{top:12px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:1.75rem;letter-spacing:-.065em;font-weight:500}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:4px;white-space:nowrap}.hero .eyebrow{margin-bottom:25px;font-size:.7rem;letter-spacing:.15em}.hero-description{margin-top:30px;font-size:1.08rem;line-height:1.95}.hero-description em{font-family:var(--serif);font-style:italic;font-size:1.17em;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:50px;padding:10px 22px;background:var(--ink);color:white;font-size:.875rem;border:1px solid var(--ink);transition:background 180ms}.button:hover{background:#65425d}.text-link{font-size:.875rem;border-bottom:1px solid #492c4670;padding:7px 0;white-space:nowrap}.hero-note{font-size:.75rem;color:var(--muted);margin-top:24px}.hero-note>span{margin:0 12px}.pull-line{font-size:1.35rem;border-left:2px solid var(--ember);padding-left:25px;color:var(--ink)}.book-logotype{font-family:var(--serif);font-size:3rem;line-height:1.04;letter-spacing:-.05em}.book-logotype i{font-weight:400}.book-margin>p{font-size:.875rem;margin-top:26px}.edition{font-size:.75rem;line-height:1.8;margin-top:auto;padding-top:75px;color:var(--muted)}.book-page h3{font-family:var(--serif);font-size:2.2rem;line-height:1.45;margin:20px 0 28px}.book-page>p{max-width:600px}.book-page>p+p{margin-top:18px}.book-page blockquote{font-family:var(--serif);font-size:1.7rem;border-block:1px solid var(--line);padding:26px 0;margin:30px 0;color:var(--ink)}.book-aside{font-size:.9rem;color:var(--muted)}}
@layer responsive{@media(min-width:1441px){.site-header{max-width:none;padding-inline:max(64px,calc((100vw - 1312px)/2))}}@media(max-width:1000px){.site-header{padding:0 32px;gap:24px}.site-header nav{gap:20px}.hero{padding:70px 32px 0}.hero-copy{width:58%}.hero-art{left:49%;width:58%;top:65px;height:500px}.hero h1{font-size:2.7rem}.section{padding:80px 36px}.book-margin{padding:36px 28px}.book-spread{grid-template-columns:220px 1fr}.book-page{padding:40px}.editorial-grid{gap:35px}.site-footer{padding:32px}}@media(max-width:720px){html{scroll-padding-top:30px}.site-header{height:76px;padding:0 22px}.site-header nav{display:none}.site-header .header-cta{margin-left:auto;font-size:.8125rem}.wordmark{font-size:1.65rem}.hero{padding:38px 24px 0;min-height:0}.hero-copy{width:100%;padding-bottom:0}.hero h1{font-size:clamp(1.65rem,8.4vw,3rem);letter-spacing:-.045em}.hero .eyebrow{font-size:.65rem;margin-bottom:18px}.hero-description{font-size:1rem;margin-top:24px;max-width:460px}.hero-art{position:relative;left:auto;top:auto;width:calc(100% + 48px);margin:8px -24px 0;height:auto}.hero-art img{height:auto;width:100%;max-height:350px;object-fit:contain}.hero-actions{gap:24px;margin-top:25px}.hero-note{font-size:.7rem;margin-top:20px}.hero-foot{gap:12px;font-size:.65rem;padding:19px 0}.hero-foot .line{width:36px}.section{padding:64px 24px}.section-label{margin-bottom:35px;line-height:1.6;font-size:.7rem}.section-label>span:last-child{display:none}.editorial-grid{grid-template-columns:1fr;gap:30px}.lead{font-size:1.15rem}.pull-line{font-size:1.15rem;padding-left:18px}.section-intro{display:block;margin-bottom:32px}.section-intro>p{margin-top:24px}.book-spread{grid-template-columns:1fr}.book-margin{padding:24px;display:flex;flex-direction:row;gap:24px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.book-logotype{font-size:2rem}.book-margin>p{display:none}.edition{padding:0;margin:0 0 0 auto;font-size:.7rem}.book-page{padding:30px 24px 38px}.book-page h3{font-size:1.8rem}.book-page blockquote{font-size:1.4rem}.site-footer{padding:30px 24px;flex-wrap:wrap;gap:20px}.site-footer p{order:3;width:100%;font-size:.8125rem}.site-footer>a:last-child{font-size:.875rem}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}}

@layer components {
  [hidden] { display: none !important; }
  .mobile-menu { display: none; }
  .small-label { font-size: .75rem; letter-spacing: .08em; color: var(--muted); }
  .scenario { margin-top: 68px; border-top: 1px solid var(--line); padding-top: 22px; }
  .scenario-heading { display: flex; justify-content: space-between; gap: 20px; }
  .scenario-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; margin-top: 30px; }
  .scenario-columns h3 { margin: 12px 0 18px; line-height: 1.5; font-size: 1.55rem; }
  .scenario-columns p { font-size: .95rem; }
  .scenario-question { border-left: 2px solid var(--ember); padding-left: 32px; }
  .book-pages { min-width: 0; }
  .book-page { max-width: none; }
  .book-page + .book-page { border-top: 1px solid var(--line); }
  .book-page:focus { outline: none; }
  .book-index { display: grid; margin-top: 44px; }
  .book-index a { display: flex; gap: 12px; border-bottom: 1px solid var(--line); padding: 16px 0; font-size: .875rem; line-height: 1.7; }
  .book-index a > span:first-child { font-family: var(--serif); font-style: italic; color: var(--muted); }
  .book-index a > span:last-child { margin-left: auto; }
  .book-index a[aria-current="page"] { font-weight: 600; border-bottom-color: var(--ink); }
  .source-note { margin-top: 26px; border-top: 1px solid var(--line); font-size: .8125rem; }
  .source-note summary { padding: 14px 0; }
  .source-note p { padding: 0 0 10px; }
  .thinking-prompt { padding: 24px 0 24px 22px; margin-block: 25px; border-left: 2px solid var(--ember); }
  .thinking-prompt p { margin-top: 10px; font-size: 1.1rem; color: var(--ink); }
  .answer-reveal { border-block: 1px solid var(--line); margin-bottom: 24px; }
  .answer-reveal summary { list-style: none; display: flex; justify-content: space-between; padding: 17px 0; font-size: .95rem; }
  .answer-reveal summary::-webkit-details-marker, .privacy-details summary::-webkit-details-marker { display: none; }
  .answer-reveal[open] .detail-plus, .privacy-details details[open] summary > span { transform: rotate(45deg); }
  .answer-reveal > div { padding: 4px 0 22px; }
  .answer-reveal p + p { margin-top: 12px; }
  .sample-note { font-size: .75rem; color: var(--muted); margin-top: 24px; }
  .book-afterword { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 32px; }
  .book-afterword > p:first-child { font-size: 1.1rem; color: var(--ink); }
  .book-afterword span, .book-afterword > p:last-child { font-size: .875rem; color: var(--muted); }
  .section-aside { margin-top: 32px; max-width: 400px; font-size: .95rem; }
  .editorial-process { list-style: none; margin: 0; padding: 0; }
  .editorial-process li { display: flex; gap: 22px; padding: 26px 0; border-bottom: 1px solid var(--line); }
  .editorial-process li:first-child { padding-top: 6px; }
  .step { font-family: var(--serif); font-style: italic; font-size: 1.3rem; color: var(--muted); }
  .editorial-process h3 { font-size: 1.3rem; margin-bottom: 14px; }
  .editorial-process p { font-size: .95rem; }
  .editorial-process strong { font-weight: 600; color: var(--ink); }
  .editorial-process .process-footnote { font-size: .8125rem; color: var(--muted); padding-top: 16px; }
  .parallel-section { background: var(--ink); color: #eef5f5; }
  .parallel-section p { color: #ded3dd; }
  .parallel-section .section-label { border-color: #ffffff30; }
  .parallel-tracks { margin-top: 55px; }
  .track { display: flex; align-items: center; padding-block: 27px; border-top: 1px solid #ffffff30; gap: 26px; }
  .track-label { width: 230px; flex-shrink: 0; font-size: .75rem; letter-spacing: .06em; }
  .track p { white-space: nowrap; font-size: .9rem; }
  .track-connector { border-top: 1px solid #ffffff45; flex: 1; min-width: 15px; }
  .activity-dot { display: inline-block; width: 6px; height: 6px; background: #dceff0; border-radius: 100%; margin-right: 7px; }
  .human-track { border-bottom: 1px solid #ffffff30; }
  .human-track .track-label { color: #e6afa1; }
  .parallel-caption { margin-top: 20px; font-size: .8125rem; }
  .evidence { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 80px; }
  .evidence h3 { line-height: 1.55; margin-top: 20px; }
  .evidence > div:last-child { padding-top: 4px; font-size: .95rem; }
  .evidence .evidence-note { margin-top: 23px; color: #c9b8c6; font-size: .875rem; }
  .product-figure { margin-top: 0; }
  .product-image-link { display: block; position: relative; }
  .image-action { position: absolute; right: 20px; bottom: 20px; display: inline-flex; gap: 20px; padding: 10px 16px; background: var(--ink); color: white; font-size: .8125rem; }
  .media-status { margin-top: 12px; font-size: .8125rem; color: var(--muted); }
  .product-figure video { width: 100%; display: block; background: var(--ink); }
  .privacy-section { padding-top: 0; }
  .privacy-details details { border-bottom: 1px solid var(--line); }
  .privacy-details summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; font-size: 1rem; }
  .privacy-details summary > span { flex-shrink: 0; }
  .privacy-details p { font-size: .9rem; padding: 0 24px 22px 0; }
  .closing { background: var(--porcelain); text-align: center; padding: 88px 24px; }
  .closing h2 { margin: 28px 0; }
  .closing h2 span { font-family: var(--serif); }
  .closing .button { margin-top: 32px; }
  .closing-note { display: block; font-size: .75rem; color: var(--muted); margin-top: 18px; }
  .product-dialog { background: var(--paper); color: var(--ink); border: 1px solid var(--line); width: min(1200px, 94vw); max-height: 94vh; padding: 24px; }
  .product-dialog::backdrop { background: #291a2bc9; }
  .dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
  .dialog-heading h2 { font-size: 1.1rem; }
  .dialog-heading button { border: 0; background: transparent; color: var(--ink); padding: 10px 14px; font-size: .875rem; }
  .dialog-heading button > span { margin-left: 14px; font-size: 1.4rem; }
  .product-dialog img { width: 100%; height: auto; }
  .product-dialog p { font-size: .8125rem; margin-top: 16px; }
  body:has(.product-dialog[open]) { overflow: hidden; }
}
@layer responsive {
  .hero .eyebrow, .hero-note, .hero-foot, .section-label, .edition { font-size: .75rem; }
  @media (max-width: 1100px) {
    .track { gap: 18px; }
    .track-label { width: 185px; }
    .track p { white-space: normal; }
  }
  @media (max-width: 850px) and (min-width: 721px) {
    .site-header nav { gap: 16px; }
    .site-header > .header-cta { display: none; }
    .hero { padding-top: 45px; }
    .hero h1 { font-size: 2.3rem; }
    .hero-copy { width: 65%; }
    .hero-art { left: 54%; top: 120px; width: 55%; }
    .hero-actions { gap: 18px; }
  }
  @media (max-width: 720px) {
    .site-header { gap: 16px; }
    .site-header > .header-cta { display: none; }
    .mobile-menu { display: block; margin-left: auto; position: relative; z-index: 5; font-size: .875rem; }
    .mobile-menu summary { padding: 12px 0 12px 18px; }
    .mobile-menu nav { display: flex; flex-direction: column; gap: 0; position: absolute; right: 0; width: 200px; padding: 12px 20px; background: var(--paper); border: 1px solid var(--line); box-shadow: 0 12px 24px #492c4614; }
    .mobile-menu a { padding: 10px 0; }
    .hero .eyebrow { letter-spacing: .065em; max-width: 280px; }
    .hero-art img { max-height: 300px; }
    .hero-actions { flex-wrap: wrap; gap: 16px 24px; }
    .hero-note > span { margin: 0 7px; }
    .hero-foot { gap: 10px; letter-spacing: .06em; }
    .hero-foot .line { width: 24px; }
    .scenario { margin-top: 44px; }
    .scenario-heading { display: block; }
    .scenario-heading .caption { display: block; margin-top: 6px; }
    .scenario-columns { grid-template-columns: 1fr; gap: 28px; margin-top: 26px; }
    .scenario-columns h3 { font-size: 1.4rem; }
    .scenario-question { padding-left: 20px; }
    .book-margin { flex-wrap: wrap; gap: 24px; }
    .book-index { width: 100%; order: 3; grid-template-columns: 1fr 1fr; margin-top: 0; gap: 20px; }
    .book-index a { font-size: .8125rem; gap: 8px; padding: 10px 0; }
    .book-index a > span:last-child { display: none; }
    .book-afterword { grid-template-columns: 1fr; gap: 16px; margin-top: 26px; }
    .thinking-prompt { padding-left: 16px; }
    .thinking-prompt p { font-size: 1rem; }
    .section-aside { margin-top: 22px; }
    .parallel-tracks { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 32px; }
    .track { flex-direction: column; align-items: flex-start; gap: 18px; padding: 24px 0; border-bottom: 1px solid #ffffff30; }
    .track-label { width: auto; min-height: 44px; }
    .track-connector { min-width: 0; min-height: 24px; flex: none; border-top: 0; border-left: 1px solid #ffffff45; margin-left: 8px; }
    .track p { min-height: 50px; }
    .evidence { grid-template-columns: 1fr; gap: 24px; margin-top: 50px; }
    .evidence h3 { font-size: 1.5rem; }
    .image-action { right: 10px; bottom: 10px; padding: 7px 12px; font-size: .75rem; }
    .closing { padding: 64px 24px; }
    .closing .eyebrow { font-size: .75rem; letter-spacing: .06em; }
    .product-dialog { padding: 14px; }
  }
  @media (prefers-reduced-motion: no-preference) {
    .book-page.page-enter { animation: page-enter 280ms ease-out; }
    @keyframes page-enter { from { opacity: .35; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
  }
}

/* Locale controls and English editorial measures. */
@layer components {
  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  .language-switch { flex: 0 0 auto; min-width: 44px; min-height: 44px; padding: 8px 11px; border: 1px solid #492c4650; border-radius: 0; background: transparent; color: var(--ink); font-size: .8125rem; line-height: 1.2; }
  .language-switch:hover { background: #492c460a; }
  html:lang(en) .hero-description { max-width: 480px; }
  html:lang(en) .hero h1 { font-size: clamp(2.5rem, 4.4vw, 4.05rem); line-height: 1.1; }
  html:lang(en) .hero-copy { padding-bottom: 70px; }
  html:lang(en) .book-page h3 { line-height: 1.25; }
  html:lang(en) .track p { white-space: normal; flex: 1; }
  html:lang(en) .track-connector { flex: 0 0 22px; }
}
@layer responsive {
  @media (max-width: 1100px) and (min-width: 721px) {
    html:lang(en) .site-header > .header-cta { display: none; }
  }
  @media (max-width: 720px) {
    .site-header { gap: 12px; }
    .language-switch { min-width: 44px; }
    html:lang(en) .hero h1 { font-size: clamp(2rem, 8.5vw, 3rem); }
    html:lang(en) .hero-copy { padding-bottom: 0; }
    html:lang(en) .hero-foot { font-size: .75rem; letter-spacing: .015em; gap: 8px; flex-wrap: wrap; }
    html:lang(en) .hero-foot .line { width: 16px; }
    html:lang(en) .hero-foot > a { display: none; }
    html:lang(en) .book-index { gap: 14px; }
    html:lang(en) .book-index a { align-items: baseline; }
    html:lang(en) .track-connector { flex: none; }
    html:lang(en) .book-margin { gap: 20px; }
    html:lang(en) .edition { max-width: 155px; }
    html:lang(en) .section-label { letter-spacing: .07em; }
  }
}