/* Independent report preview; no production styles or decorative images. */
*{box-sizing:border-box}html{color-scheme:light}body{background:#fafbf8;color:#283932;margin:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.report-demo{max-width:940px;margin:auto;padding:28px 48px 64px}
.demo-header{font-size:12px;letter-spacing:.05em;padding:0 0 20px;color:#626f68;display:flex;justify-content:space-between;border-bottom:1px solid #dce3da}
h1,h2,h3{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;color:#243b33;font-weight:700;text-wrap:pretty}
.demo-hero{padding:42px 0 44px}.demo-label{display:inline-block;background:#faf1ce;border-radius:30px;padding:5px 16px;font-size:14px;line-height:1.6;letter-spacing:0;margin:0 0 18px}
.demo-hero h1{font-size:clamp(30px,4.8vw,48px);line-height:1.35;margin:0 0 26px;letter-spacing:0}
.chips{display:flex;gap:16px;flex-wrap:wrap;margin:0}.chips>div{display:flex;align-items:center;gap:14px;border-radius:12px;background:#eaf0e2;padding:13px 18px}.chips>div+div{background:#e8f0f7}.chips small{font-size:13px;color:#506157;margin:0}.chips b{font-size:19px;font-weight:600}
.reading{background:none;border:0;border-top:1px solid #dce3da;border-radius:0;padding:36px 0 0}
h2{font-size:27px;line-height:1.5;margin:0 0 28px}h3{font-size:23px;line-height:1.5;margin:0 0 18px}
p{font-size:17px;line-height:1.95;margin:0 0 26px;overflow-wrap:break-word;line-break:strict;word-break:normal}p:last-child{margin-bottom:0}
.report-demo p strong{font-weight:650;color:#243b33}
.reading p{max-width:none;margin-bottom:28px}.reading p:last-child{margin:32px 0 0;padding:24px 28px;border-radius:10px;background:#edf3e7}.reading p:last-child strong{background:none;padding:0}
.section{margin-top:56px;padding-top:28px;border-top:1px solid #dce3da}.section-number{font-size:11px;letter-spacing:.12em;color:#536961;display:inline-block;padding:6px 12px;background:#eaf0e2;border-radius:8px;margin-bottom:16px}
.copy-notes p,.report-demo .copy-footnote,.preview-notice{font-size:14px;line-height:1.85;color:#606c65}.copy-notes{max-width:none;margin-bottom:20px}.preview-notice{margin-bottom:26px}
.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.dimension-grid article{padding:24px 0;background:none;border:0;border-top:1px solid #dce3da;border-radius:0}.dimension-grid small{font-size:12px;color:#667b70;display:none}.dimension-grid h3{font-family:inherit;font-size:18px;margin-bottom:10px}.dimension-grid p{font-size:15px;line-height:1.9;margin:0}
.stories{display:block}.stories article{padding:30px 0;background:none;border:0;border-bottom:1px solid #dce3da;border-radius:0}.stories article:first-child{padding-top:4px}.stories article:last-child{border-bottom:0;padding-bottom:0}.stories small{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;background:#e2ebda;color:#304d3e;border-radius:12px;font-size:16px;margin:0 16px 20px 0}.stories article:nth-child(2) small{background:#e1edf6}.stories article:nth-child(3) small{background:#faf1ce}.stories h3{display:inline-block;margin:0 0 20px}.stories p{max-width:none;margin-bottom:26px}.quote{padding:26px 0 0;color:#56645b}
.directions{display:block;margin-top:28px}details{border:0;border-bottom:1px solid #d5dfd8;border-radius:0;background:none;margin-bottom:10px;overflow:visible}summary{list-style:none;padding:20px 24px;background:#eef2ed;cursor:pointer;font-size:19px;font-weight:600;line-height:1.6;border-radius:8px}summary::-webkit-details-marker{display:none}summary::after{content:'＋';float:right;color:#50665b}details[open] summary{background:#e8f0f7;border-radius:8px 8px 0 0}details[open] summary::after{content:'−'}summary span{font-size:13px;color:#526960;margin-right:14px}summary:focus-visible{outline:2px solid #587d6a;outline-offset:4px}
.direction-body{padding:0;margin:0}.direction-row{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #dfe6dd}.direction-row:last-child{border-bottom:0}.direction-body dt{padding:22px;background:#edf2e7;font-size:14px;font-weight:600;line-height:1.8;display:flex;align-items:center}.direction-body dd{margin:0;padding:22px 26px}.direction-body p{font-size:16px;line-height:1.9}
.timeline{display:block;margin:32px 0 0 10px}.timeline article{position:relative;border:0;border-left:1px solid #ccd9cf;border-radius:0;background:none;padding:0 0 32px 34px}.timeline article:last-child{padding-bottom:0;border-left-color:transparent}.timeline article:before{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#d6e4cb;left:-9px;top:8px;box-shadow:0 0 0 5px #fafbf8}.timeline article:nth-child(2):before,.timeline article:nth-child(4):before{background:#cee3f0}.timeline article:nth-child(3):before{background:#faedb6}.timeline h3{font-family:inherit;font-size:19px;margin-bottom:12px}.timeline p{font-size:16px}
.reflection{padding:28px;background:#edf2e7;border:0;border-radius:10px}.reflection h2{font-size:24px}.reflection ol{padding-left:22px;margin:0}.reflection li{font-size:16px;line-height:1.9;margin:14px 0}.demo-footer{border-top:1px solid #dce3da;margin-top:48px;padding-top:28px}.watermark{font-size:12px;color:#626f68;margin-top:28px}
@media(max-width:640px){.report-demo{padding:20px 22px 44px}.demo-header{font-size:10px;gap:12px}.demo-hero{padding:30px 0}.demo-hero h1{font-size:32px}.chips{gap:10px}.chips>div{gap:10px;padding:11px 14px}.chips small{font-size:12px}.chips b{font-size:16px}h2{font-size:23px;margin-bottom:24px}h3{font-size:22px}p{font-size:16px;line-height:1.95}.reading{padding-top:26px}.reading p:last-child{padding:20px}.section{margin-top:38px;padding-top:24px}.dimension-grid{grid-template-columns:1fr}.dimension-grid article{padding:20px 0}.stories article{padding:24px 0}.direction-row{display:block}.direction-body dt{padding:14px 18px 4px;background:#f0f4eb}.direction-body dd{padding:6px 18px 20px;background:#f0f4eb}.direction-row:nth-child(even) dt,.direction-row:nth-child(even) dd{background:#fafbf8}.direction-body p{font-size:15px}summary{font-size:17px;padding:17px 15px}.timeline article{padding-left:25px}.timeline h3{font-size:18px}.reflection{padding:22px 20px}.reflection h2{font-size:22px}}
