html:has(.reading-demo),body.reading-demo{overflow-x:clip}.reading-demo{--page:1120px}.reading-demo .brand-mark{background:var(--text);color:var(--bg)}.reading-demo a:focus-visible,.reading-demo button:focus-visible{outline:2px solid var(--accent-text);outline-offset:5px}.demo-notice{border-bottom:1px solid var(--border);font-size:12px;color:var(--text-3);background:var(--bg-2)}.demo-notice>.wrap{display:flex;gap:24px;align-items:center;min-height:38px;flex-wrap:wrap}.demo-notice a{padding:10px 0;white-space:nowrap}.demo-notice a:last-child{margin-left:auto}.demo-home{max-width:1120px}.demo-intro{padding:58px 0 46px;border-bottom:1px solid var(--border-2)}.demo-kicker{font-size:13px;color:var(--text-2);margin:0 0 22px;letter-spacing:.04em}.demo-kicker span{margin:0 12px;color:var(--text-3)}.demo-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.28;font-weight:600;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.intro-bottom{display:flex;gap:32px;align-items:end;justify-content:space-between;margin-top:22px}.intro-bottom p{font-size:16px;line-height:1.9;color:var(--text-3);margin:0;max-width:620px}.intro-actions{display:flex;align-items:center;gap:20px;flex:none}.intro-actions .btn{height:44px;gap:28px}.demo-text-link{font-size:14px;color:var(--text-2);display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.demo-section{padding:40px 0 20px}.demo-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-index{font-size:12px;color:var(--text-3);letter-spacing:.04em}.demo-section h2{font-size:25px;letter-spacing:-.03em;margin:8px 0 0;font-weight:600}.demo-section-head>p{font-size:14px;color:var(--text-3);margin:0 0 3px}.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border-2);border-radius:8px;background:var(--panel);overflow:hidden}.recommend-grid article+article{border-left:1px solid var(--border-2)}.recommend-grid article>a{display:flex;flex-direction:column;height:100%;padding:24px;transition:background .18s}.recommend-grid article>a:hover{background:var(--hover)}.recommend-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3)}.recommend-meta span:first-child{color:var(--accent-text)}.recommend-grid h3{font-size:19px;line-height:1.6;font-weight:550;margin:20px 0 12px}.recommend-grid p{font-size:14px;line-height:1.8;color:var(--text-3);margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recommend-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;color:var(--text-3)}.recommend-foot>span:last-child{font-size:22px;color:var(--text-2)}.latest-rows>a{display:grid;grid-template-columns:64px minmax(0,1fr) 130px 70px 16px;align-items:center;gap:22px;padding:22px 0;border-top:1px solid var(--border);transition:background .18s}.latest-rows>a:hover{background:var(--hover)}.latest-rows time,.latest-topic,.read-min{font-size:13px;color:var(--text-3)}.latest-rows h3{font-size:17px;line-height:1.6;margin:0 0 5px;font-weight:500}.latest-rows p{font-size:13px;color:var(--text-3);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-topic,.read-min{text-align:right}.demo-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.demo-route{padding:24px 0;border-top:1px solid var(--border)}.demo-route>div{display:flex;align-items:center;gap:12px}.demo-route h3{font-size:18px;margin:0}.demo-route>div>span:last-child{margin-left:auto;font-size:13px;color:var(--text-3)}.demo-route dl{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px 16px;font-size:13px;line-height:1.8;margin:20px 0}.demo-route dt{color:var(--text-3)}.demo-route dd{margin:0;color:var(--text-2)}.route-stages{font-size:12px;line-height:1.9;color:var(--text-3);margin:16px 0 4px}.route-stages i{font-style:normal;padding:0 4px}.demo-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-projects img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:5px;margin-bottom:18px}.demo-projects>a>span{font-family:var(--mono);font-size:11px;color:var(--text-3)}.demo-projects h3{font-size:17px;margin:8px 0}.demo-projects p{font-size:13px;line-height:1.8;color:var(--text-3);margin:0}.demo-subscribe{display:flex;justify-content:space-between;align-items:center;margin-top:58px;padding:36px 0;border-top:1px solid var(--border-2)}.demo-subscribe h2{font-size:24px;margin:0 0 8px}.demo-subscribe p{font-size:14px;color:var(--text-3);margin:0}.reading-demo .site-footer{margin-top:36px;padding-top:40px}.demo-work{padding-top:36px}.demo-work h1{font-size:34px;margin:20px 0 12px}.demo-work>p,.demo-back{color:var(--text-3);font-size:15px}.reading-demo .daily .headline{grid-template-columns:minmax(0,1fr)}@media(max-width:1000px){.intro-bottom{align-items:start;flex-direction:column;gap:20px}.latest-topic{display:none}.latest-rows>a{grid-template-columns:64px minmax(0,1fr) 70px 16px}.recommend-grid article>a{padding:20px}}@media(max-width:640px){.demo-notice>.wrap{gap:16px}.demo-notice>.wrap>span{display:none}.demo-notice a{font-size:11px}.demo-intro{padding:32px 0}.demo-kicker{font-size:12px}.demo-kicker span{margin:0 4px}.demo-intro h1{font-size:36px}.intro-bottom{margin-top:16px;gap:18px}.intro-bottom p{font-size:14px}.desktop-break{display:none}.intro-actions{gap:16px;flex-wrap:wrap}.intro-actions .btn{gap:16px}.demo-section{padding-top:30px}.demo-section-head{align-items:start;flex-direction:column;gap:8px;margin-bottom:18px}.demo-section h2{font-size:23px}.recommend-grid,.demo-routes,.demo-projects{grid-template-columns:minmax(0,1fr)}.recommend-grid article+article{border-left:0;border-top:1px solid var(--border)}.recommend-grid h3{margin-top:12px;font-size:18px}.recommend-grid p{margin-bottom:16px;-webkit-line-clamp:2}.latest-rows>a{grid-template-columns:minmax(0,1fr) 16px;gap:8px;padding:18px 0}.latest-rows time{grid-column:1/-1}.read-min{display:none}.demo-projects{gap:30px}.demo-subscribe{gap:20px}.demo-subscribe h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.reading-demo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.headline-text-only,.reading-demo .headline-text-only{display:block}