:root{--ink:#163e34;--text:#263a34;--muted:#61766d;--line:#dce5df;--paper:#fff;--wash:#f3f6f3;--accent:#08786b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--wash);color:var(--text);font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88829;outline-offset:5px}.site-header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 36px;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;color:var(--ink);font-size:25px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.brand span{display:block;font-size:11px;letter-spacing:.15em;font-weight:400;margin-top:7px;color:var(--muted)}.site-header nav{display:flex;gap:27px}.site-header nav a{text-decoration:none;font-size:14px;color:var(--muted);padding:9px 0}.site-header nav a[aria-current]{color:var(--ink);border-bottom:2px solid var(--accent)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}main{max-width:1200px;margin:auto;padding:0 36px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--accent);display:block}.home-intro{padding:68px 0 42px;border-bottom:1px solid var(--line);margin-bottom:40px}.home-intro h1{font-size:clamp(32px,4.5vw,56px);line-height:1.45;letter-spacing:.02em;color:var(--ink);margin:20px 0}.home-intro>p:last-child{font-size:18px;line-height:1.9;color:var(--muted)}.home-stories{margin:40px 0 60px}.stories{display:grid;grid-template-columns:1fr 1fr;gap:32px}.story{color:inherit;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s}.story:hover{transform:translateY(-3px)}.story-image{height:260px;background:white;padding:22px;border-bottom:1px solid var(--line)}.story-image img{width:100%;height:100%;object-fit:contain}.story-copy{padding:27px 30px 30px}.story h2{font-size:25px;line-height:1.55;color:var(--ink);margin:13px 0}.story p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 22px}.read-link{color:var(--accent);font-size:14px;font-weight:700}.home-note{display:flex;gap:24px;margin:40px 0 60px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;align-items:baseline}.home-note span{white-space:nowrap;font-weight:700}.home-note p{line-height:1.8}.site-footer{max-width:1128px;margin:65px auto 0;padding:27px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.site-footer a{color:var(--ink);text-decoration:none}.site-footer a:last-child{margin-left:auto}.listing-head{padding:55px 0 30px}.listing-head h1,.about h1{font-size:40px;color:var(--ink)}.listing-head p{line-height:1.9;color:var(--muted)}.single{max-width:620px}.article-head{max-width:1000px;margin:auto;padding:40px 0 30px}.back-link{font-size:13px;text-decoration:none}.article-head .eyebrow{margin:30px 0 16px}.article-head h1{font-size:clamp(27px,3vw,38px);line-height:1.6;color:var(--ink);margin:0}.byline{font-size:14px;color:var(--muted);margin-top:22px}.article-layout{display:grid;grid-template-columns:190px minmax(0,780px);justify-content:center;gap:40px;align-items:start}.toc{position:sticky;top:25px;padding-top:18px;font-size:13px}.toc summary{color:var(--ink);font-weight:700;cursor:pointer}.toc nav{display:flex;flex-direction:column;gap:17px;margin-top:22px}.toc a{text-decoration:none;line-height:1.7;color:var(--muted)}.prose{font-size:18px;line-height:1.95;overflow-wrap:anywhere}.case-prose{min-width:0;background:white;padding:30px 34px;border:1px solid var(--line);border-radius:12px}.prose p{margin:0 0 1.45em}.prose h2{font-size:27px;line-height:1.65;color:var(--ink);margin:2.5em 0 1em;scroll-margin-top:24px;border-top:1px solid var(--line);padding-top:1.3em}.prose h3{font-size:22px;margin:2em 0 .8em;line-height:1.65;color:var(--ink)}.prose h4{font-size:20px;color:var(--ink);margin:1.5em 0 .6em}.prose ul{padding-left:1.4em;margin:0 0 1.4em}.prose li{margin:.3em 0}.prose figure{margin:28px 0 36px}.prose figure img{display:block;width:100%;height:auto;max-height:750px;object-fit:contain;border:1px solid var(--line);background:white;border-radius:6px}.image-expand{display:block;cursor:zoom-in}.prose figcaption{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.related{background:#edf4f0;border-left:3px solid var(--accent);padding:24px 28px;margin:35px 0}.related h3,.related h2{font-size:21px;margin:10px 0;border:0;padding:0;line-height:1.65}.related p{font-size:15px;line-height:1.8;margin:0 0 12px}.related a{font-size:15px;font-weight:700}.about{max-width:760px;margin:60px auto}.about .lead{font-size:22px;color:var(--ink)}.lightbox{border:0;border-radius:10px;padding:55px 24px 20px;width:min(1200px,96vw);max-height:94vh;background:white}.lightbox::backdrop{background:#10271fe6}.lightbox img{display:block;max-width:100%;height:auto;margin:auto}.lightbox p{font-size:14px;line-height:1.8}.close-lightbox{position:sticky;top:0;float:right;margin-top:-40px;cursor:pointer;padding:8px 14px;border:1px solid var(--line);background:white;border-radius:5px;font:inherit}.published-reader{padding:0!important}.published-reader>.page{margin:0 auto;padding:0 20px}.patent-context{max-width:1120px;margin:30px auto;display:flex;justify-content:space-between;gap:24px;padding:0 20px;font-size:14px;line-height:1.8}.patent-related{max-width:1080px;margin:35px auto}.published-reader .site-header{margin-bottom:25px}.published-reader .site-footer{padding-left:20px;padding-right:20px}.published-reader .readerFooter{padding:0 20px}.published-reader .metaBar,.published-reader .hero,.published-reader .workspace{background:white}@media(min-width:1350px){.article-layout{grid-template-columns:180px minmax(0,800px)}}@media(max-width:1000px){.article-layout{display:block;max-width:800px;margin:auto}.toc{position:static;padding:18px 22px;margin-bottom:22px;border:1px solid var(--line);border-radius:8px}.toc nav{margin-bottom:5px}.site-footer{margin-left:36px;margin-right:36px}}@media(max-width:650px){.site-header{padding:22px 20px;display:block}.brand{font-size:23px}.site-header nav{gap:25px;margin-top:0}.site-header nav a{font-size:13px}main{padding:0 18px}.home-intro{padding:35px 0 23px;margin-bottom:25px}.home-intro h1{font-size:33px}.home-intro>p:last-child{font-size:16px}.stories{grid-template-columns:1fr;gap:24px}.story-image{height:220px}.story-copy{padding:23px}.story h2{font-size:24px}.home-note{display:block;margin-bottom:30px}.site-footer{margin:40px 20px 0;flex-wrap:wrap;gap:13px}.site-footer span{width:100%;order:3}.site-footer a:last-child{margin-left:auto}.article-head{padding:28px 0 20px}.article-head h1{font-size:27px}.article-head .eyebrow{font-size:11px;letter-spacing:.05em}.case-prose{padding:22px 18px}.prose{font-size:17px;line-height:1.95}.prose h2{font-size:24px}.prose h3{font-size:21px}.prose h4{font-size:19px}.related{padding:20px}.patent-context{display:block;margin:18px 0}.patent-context a{display:block;margin:8px 0}.patent-related{margin:25px 20px}.published-reader>.page{padding:0 12px}.about{margin:35px auto}.about h1{font-size:34px}.lightbox{padding:50px 12px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{transition:none}}
/* Optional sections are rendered only when public content exists. */
.case-hub{max-width:1000px;margin:0 auto 30px;padding:24px 28px;border:1px solid var(--line);border-radius:10px;background:white}.case-hub h2{font-size:20px;color:var(--ink);margin:18px 0 12px}.case-hub p,.case-hub li{line-height:1.9}.case-hub nav{display:flex;flex-wrap:wrap;gap:12px 22px}.case-hub ul{padding-left:1.3em}.article-dates,.case-hub time{font-size:13px;color:var(--muted);line-height:1.8}.recent{margin:35px 0 60px}.recent>h2{font-size:25px;color:var(--ink)}.timeline{max-width:800px;list-style:none;padding:0;margin:0 auto 60px}.timeline li{padding:24px 28px;border-left:3px solid var(--accent);background:white;margin:0 0 20px}.timeline time{font-size:14px;color:var(--muted)}.timeline p{font-size:18px;line-height:1.9}.site-header nav{flex-wrap:wrap}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:8px 12px;border:1px solid var(--line)}@media(max-width:650px){.case-hub{padding:20px}.timeline li{padding:20px}}
.stories.single{grid-template-columns:minmax(0,1fr)}.story .article-dates{font-size:13px}

.story-figure{margin:0}.story-figure .story-image{border-bottom:0}.story-figure figcaption{padding:0 24px 18px;font-size:13px;line-height:1.8;color:var(--muted);border-bottom:1px solid var(--line)}

/* Article images stay compact in the reading flow; links open the original in the lightbox. */
.case-prose figure{max-width:560px;margin:24px auto 32px}
.case-prose .image-expand{width:fit-content;max-width:100%;margin-inline:auto}
.case-prose .image-expand img{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain}
@media(max-width:650px){.case-prose .image-expand img{max-height:240px}}

.article-title-context{display:block;width:fit-content;max-width:100%;margin-top:18px;padding:8px 16px;border-left:4px solid var(--accent);border-radius:0 6px 6px 0;background:#e3eee8;color:var(--accent);font-size:20px;line-height:1.6;font-weight:700;letter-spacing:.04em}
@media(max-width:650px){.article-title-context{font-size:18px;margin-top:14px;padding:7px 12px}}