:root{color-scheme:light;--green:#174c3c;--ink:#193e32;--sage:#f2f6f0;--gold:#efe9af;--line:#cbd8cc;--muted:#52685b;--scene-height:365px;font-family:"Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--sage);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #927813;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,.brand{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif}h1,h2{font-weight:600}mark{background:var(--gold);color:var(--ink);padding:2px 4px;border-radius:2px}strong{font-weight:700}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:12px;background:var(--green);color:white;padding:14px;z-index:20}.skip-link:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{max-width:1400px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-1.5px;line-height:1.4}.brand span{color:#a99338}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.index-link{min-height:44px;display:flex;align-items:center}.header-cta{display:flex;align-items:center;gap:22px;padding:12px 18px;min-height:48px;border-radius:5px;background:var(--green);color:white}
.story-shell{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.45fr);gap:48px;max-width:1300px;padding:48px 40px 0;margin:auto;align-items:start}.story-intro{position:sticky;top:calc(50svh - 155px);padding:12px 0 36px}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.55;letter-spacing:-.055em}.story-intro>p:not(.scroll-invitation){font-size:17px;line-height:2.1;margin-top:26px}.scroll-invitation{font-size:13px;line-height:1.8;color:var(--muted);margin-top:30px}.scroll-invitation span{display:inline-block;margin-left:12px;font-size:20px}.story-track{min-width:0}.workbench{padding:24px;background:rgba(255,255,255,.5);border:1px solid #dce4da;border-radius:7px;box-shadow:0 8px 26px #193e3208;min-width:0}.stage-caption{min-height:99px;padding-bottom:18px}.stage-number{font-size:13px;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.stage-number>span{font-family:Georgia,serif;font-size:25px;color:var(--ink)}.stage-caption h2{font-size:27px;letter-spacing:-.04em;line-height:1.5}.stage-caption>p:last-child{font-size:14px;line-height:1.8;margin-top:8px;color:var(--muted)}.stage-canvas{position:relative;height:var(--scene-height);overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#fff;box-shadow:0 4px 13px #193e3209}.scene{position:absolute;inset:0;padding:28px;opacity:0;visibility:hidden;overflow:hidden;will-change:transform,opacity}.scene-final{opacity:1;visibility:visible}.paper-label{font-size:17px;font-weight:700;line-height:1.8;border-bottom:1px solid #a5b6a9;padding-bottom:14px;display:flex;flex-wrap:wrap;gap:4px 15px;justify-content:space-between}.paper-label>span{font-size:12px;color:var(--muted);font-weight:400}.scene-notes{background:#f9f9f3}.note-strips{padding-top:16px}.note-strips p{padding:10px 12px;background:white;font-size:15px;line-height:1.7;margin-bottom:9px;box-shadow:0 3px 8px #193e3212;transform:rotate(-1.2deg)}.note-strips p:nth-child(even){transform:rotate(.8deg)}.note-strips p:nth-child(3){background:#f6f2ca}.paper-date{font-size:11px;color:var(--muted);text-align:right;margin-top:14px}.decision{margin-top:22px;padding-left:18px;border-left:3px solid var(--green)}.decision>span,.open-question>span{font-size:13px;font-weight:700;display:block;margin-bottom:8px;color:var(--muted)}.decision strong{font-family:"Yu Mincho",serif;font-size:28px;line-height:1.55}.open-question{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:15px;line-height:1.8}.paper-footnote{font-size:13px;line-height:1.8;color:var(--muted);margin-top:22px}.scene table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7;table-layout:fixed;margin-top:12px}.scene th{text-align:left;font-size:12px;font-weight:400;color:var(--muted);padding:10px 4px}.scene td{padding:15px 4px;border-top:1px solid var(--line);white-space:nowrap}.scene th:first-child{width:55%}.scene th:nth-child(2){width:20%}.question-note{background:#f6f3d6;padding:14px 16px;margin-top:20px;font-size:15px;line-height:1.8}.question-note p{font-size:13px;margin-top:5px}.review-item{padding:22px 0 0}.review-item>span{font-size:14px}.review-item>strong{display:block;font-size:25px;margin-top:12px}.review-item>p{font-size:14px;line-height:1.9;margin-top:15px}.confirm-button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #c8b659;background:var(--gold);width:100%;padding:12px 16px;min-height:48px;margin-top:18px;border-radius:5px;font-size:15px;font-weight:700}.confirm-button:hover{background:#f7eec0}.review-disclaimer{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}.task-box{display:inline-block;width:13px;height:13px;border:1px solid #769585;margin-right:8px;vertical-align:-1px}.final-decision,.final-question{display:flex;align-items:baseline;gap:12px;font-size:14px;line-height:1.8}.final-decision{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.final-question{margin-top:8px}.final-decision>span,.final-question>span{font-size:12px;font-weight:700;white-space:nowrap}.scene-final .paper-footnote{margin-top:13px}.stage-controls{position:relative;display:none;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.progress-track{position:absolute;top:15px;left:10%;right:10%;height:1px;background:var(--line)}.progress-track span{display:block;height:100%;width:var(--progress,100%);background:var(--green)}.stage-controls button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;min-height:58px;padding:0;font-size:12px}.stage-controls button>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #809c8b;border-radius:50%;font-family:Georgia,serif;font-size:18px;background:#f8faf7}.stage-controls button[aria-pressed=true]>span{background:var(--green);border-color:var(--green);color:white}.reading-controls{display:none;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}.reading-controls p{font-size:11px;color:var(--muted);line-height:1.6}.reading-controls a{font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.demo-note{font-size:12px;line-height:1.8;color:var(--muted);text-align:center;margin-top:8px}
.is-enhanced .story-track{height:calc(100svh + 2400px)}.is-enhanced .workbench{position:sticky;top:20px}.is-enhanced .stage-controls{display:grid}.is-enhanced .reading-controls{display:flex}.is-enhanced.is-static .story-track,.is-enhanced.is-steps .story-track{height:auto}.is-enhanced.is-static .workbench,.is-enhanced.is-steps .workbench{position:static}.is-enhanced.is-static .story-intro,.is-enhanced.is-steps .story-intro{position:static}.is-static .stage-controls,.is-static .reading-controls{display:none}.is-static .scroll-invitation,.is-steps .scroll-invitation{display:none}
.explanation{max-width:1060px;margin:80px auto;padding:0 40px;scroll-margin-top:30px}.explanation-intro{display:flex;gap:40px;justify-content:space-between;align-items:center;margin-bottom:36px}.explanation h2{font-size:36px;line-height:1.7;letter-spacing:-.04em}.explanation-intro>p{font-size:16px;line-height:2;color:var(--muted)}.sample-output{padding:25px 28px;background:white;border:1px solid var(--line);border-radius:5px}.sample-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.sample-heading h3{font-size:17px;font-weight:700}.sample-heading button,.resume-button{min-height:44px;padding:11px 15px;border:1px solid #89a393;background:var(--sage);border-radius:4px;font-size:14px;font-weight:700}.sample-output label{display:block;font-size:13px;line-height:1.8;margin-top:20px;color:var(--muted)}.sample-output textarea{display:block;width:100%;resize:vertical;min-height:196px;margin-top:12px;border:1px solid #a5b8a9;border-radius:3px;padding:14px;color:var(--ink);background:#fafbf8;font-size:14px;line-height:1.9}.sample-output #copy-status{font-size:14px;margin-top:12px;line-height:1.7;min-height:24px}.story-transcript{margin-top:32px;border-block:1px solid var(--line)}.story-transcript summary{font-weight:700;font-size:16px;min-height:58px;padding:17px 0;cursor:pointer}.story-transcript ol{padding-left:22px;margin:10px 0 24px}.story-transcript li{padding:10px 0;line-height:1.8;font-size:16px}.story-transcript p{color:var(--muted);margin-top:6px;font-size:15px}.resume-button{margin-top:24px}.scope-note{font-size:13px;color:var(--muted);line-height:1.9;margin-top:24px}.contact{background:var(--green);color:white;padding:64px max(40px,calc((100vw - 1160px)/2));display:flex;gap:40px;align-items:center;justify-content:space-between}.contact h2{font-size:42px;line-height:1.65;letter-spacing:-.04em}.contact p{font-size:16px;line-height:1.9;margin-top:18px}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 25px;background:var(--gold);color:var(--green);border-radius:6px;min-height:58px;font-size:17px;font-weight:700}.contact-actions>p{font-size:13px}.related-link{display:flex;align-items:center;gap:20px;text-decoration:underline;text-underline-offset:4px;font-size:14px;min-height:48px;margin-top:14px}.floating-consult{position:fixed;right:22px;bottom:max(16px,env(safe-area-inset-bottom));min-height:46px;padding:12px 18px;display:flex;align-items:center;gap:25px;background:var(--green);border:1px solid #658b77;box-shadow:0 4px 15px #143b3226;border-radius:6px;color:white;font-size:14px;font-weight:700;z-index:8}footer{max-width:1240px;margin:auto;padding:35px 40px 86px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p,footer>a:last-child{font-size:12px}footer>a:last-child{margin-left:auto;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}
@media(max-width:1050px){.story-shell{gap:28px;padding-inline:28px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.4fr)}.scene{padding:24px}h1{font-size:47px}.site-header{padding-inline:28px}.story-intro>p:not(.scroll-invitation){font-size:16px}.stage-caption h2{font-size:25px}.note-strips p{font-size:14px}}
@media(max-width:820px){:root{--scene-height:310px}.site-header{padding:14px 20px;gap:12px}.brand{font-size:27px}.site-header nav{gap:16px}.index-link{font-size:12px}.header-cta{min-height:44px;font-size:12px;padding:10px 12px;gap:12px}.story-shell{display:block;padding:32px 20px 0;max-width:620px}.story-intro{position:static;padding:0 0 30px}.story-intro h1{font-size:clamp(35px,8.6vw,49px);line-height:1.5}.story-intro>p:not(.scroll-invitation){font-size:16px;margin-top:18px;line-height:1.95}.scroll-invitation{margin-top:18px;font-size:12px}.workbench{padding:16px 12px}.is-enhanced .workbench{top:14px}.is-enhanced .story-track{height:calc(100svh + 2100px)}.stage-caption{min-height:97px;padding:0 4px 16px}.stage-number{margin-bottom:3px;font-size:11px}.stage-number>span{font-size:23px}.stage-caption h2{font-size:23px;line-height:1.45}.stage-caption>p:last-child{font-size:13px;line-height:1.75;margin-top:6px}.scene{padding:18px 14px}.paper-label{font-size:15px;padding-bottom:10px;line-height:1.7;gap:2px 8px}.paper-label>span{font-size:11px}.note-strips{padding-top:12px}.note-strips p{font-size:13px;line-height:1.7;padding:9px 8px;margin-bottom:9px}.paper-date{font-size:10px;margin-top:10px}.decision{margin-top:18px;padding-left:14px}.decision strong{font-size:25px}.decision>span,.open-question>span{font-size:12px;margin-bottom:6px}.open-question{font-size:14px;margin-top:20px;padding-top:16px}.paper-footnote{font-size:12px;margin-top:16px}.scene table{font-size:13px;line-height:1.7;margin-top:10px}.scene th{font-size:12px}.scene td{padding:13px 3px}.scene th:first-child{width:53%}.scene th:nth-child(2){width:21%}.question-note{margin-top:15px;padding:11px 12px;font-size:14px}.question-note p{font-size:12px}.review-item{padding-top:18px}.review-item>span{font-size:13px}.review-item>strong{font-size:23px;margin-top:9px}.review-item>p{font-size:13px;line-height:1.75;margin-top:11px}.confirm-button{font-size:13px;min-height:44px;padding:10px 12px;margin-top:15px}.review-disclaimer{font-size:11px;margin-top:9px}.task-box{width:11px;height:11px;margin-right:5px}.final-decision,.final-question{font-size:13px;gap:10px}.final-decision{margin-top:12px;padding-top:12px}.final-question{margin-top:6px}.scene-final .paper-footnote{font-size:12px;margin-top:13px}.stage-controls{gap:5px;margin-top:15px}.stage-controls button{font-size:11px;min-height:56px}.reading-controls{margin-top:2px;gap:7px}.reading-controls p{font-size:10px}.reading-controls a{font-size:11px}.demo-note{font-size:11px;margin-top:2px}.explanation{margin:50px auto;padding:0 22px}.explanation-intro{display:block;margin-bottom:28px}.explanation h2{font-size:30px;line-height:1.65}.explanation-intro>p{font-size:15px;margin-top:18px}.sample-output{padding:20px 16px}.sample-heading{display:block}.sample-heading h3{font-size:16px}.sample-heading button{margin-top:16px;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:14px}.sample-output textarea{min-height:255px;font-size:14px;padding:12px}.sample-output label{font-size:12px;margin-top:15px}.story-transcript summary{font-size:15px}.story-transcript li{font-size:15px}.story-transcript p{font-size:14px}.scope-note{font-size:12px}.contact{display:block;padding:42px 22px}.contact h2{font-size:33px}.contact p{font-size:15px}.contact-actions{margin-top:28px}.contact-button{font-size:15px;padding:16px 18px;gap:15px}.contact-actions>p{font-size:12px}.related-link{font-size:13px}.floating-consult{right:16px;bottom:max(12px,env(safe-area-inset-bottom));font-size:13px;min-height:44px;padding:11px 15px;gap:22px}footer{display:block;padding:28px 22px 88px}footer p{margin-top:12px}footer>a:last-child{margin-top:8px}}
@media(max-width:370px){.site-header{padding-inline:16px}.brand{font-size:25px}.site-header nav{gap:10px}.header-cta{padding-inline:10px}.index-link{font-size:11px}.header-cta span{display:none}.story-shell{padding-inline:14px}.stage-caption h2{font-size:21px}.stage-caption>p:last-child{font-size:12px}.note-strips p{font-size:12px;padding:9px 7px}.scene{padding-inline:12px}.scene td{font-size:12px}.paper-label{font-size:14px}.task-box{display:none}.reading-controls{display:block}.reading-controls a{justify-content:center}.reading-controls p{text-align:center}.workbench{padding-bottom:12px}}
@media(max-height:620px){.is-enhanced .story-track{height:auto!important}.is-enhanced .workbench,.story-intro{position:static}.story-shell{padding-top:26px}.is-enhanced .scroll-invitation{display:none}.floating-consult{bottom:10px}.stage-canvas{height:var(--scene-height)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.story-track{height:auto!important}.workbench,.story-intro{position:static!important}.scene{will-change:auto!important}.scroll-invitation{display:none}}
.sample-review{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.sample-review p{font-size:13px;line-height:1.8;color:var(--muted)}.sample-confirm-button{min-height:46px;padding:11px 15px;border:1px solid #c8b659;border-radius:4px;background:var(--gold);font-size:14px;font-weight:700;white-space:nowrap}.sample-confirm-button:hover{background:#f7eec0}@media(max-width:820px){.sample-review{display:block}.sample-confirm-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:13px;font-size:13px;white-space:normal}}
/* Measure natural scene content, independent of the previous viewport's height. */
.stage-canvas.is-measuring{height:auto!important}
.stage-canvas.is-measuring .scene{display:block!important;position:relative;inset:auto;height:auto;overflow:visible;transform:none!important}
html:not(.is-enhanced) .stage-canvas,.is-static .stage-canvas{height:auto!important;overflow:visible}
html:not(.is-enhanced) .scene,.is-static .scene{display:none}
html:not(.is-enhanced) .scene-final,.is-static .scene-final{display:block;position:relative;inset:auto;height:auto;overflow:visible}
.scene td{white-space:normal;overflow-wrap:anywhere}
.floating-consult{visibility:hidden}