body.spatial-active{color-scheme:light;--ink:#203b48;--muted:#647e89;--signal:#287e7d;--line:#c8dde1;--ease:cubic-bezier(.2,.75,.15,1);font-family:"Noto Sans JP",sans-serif;color:var(--ink);background:#edf5f7;font-synthesis:none}
#spatial-app *{box-sizing:border-box}body.spatial-active{margin:0;overscroll-behavior-y:none}body.spatial-active::-webkit-scrollbar{width:0}body.spatial-active{scrollbar-width:none}#spatial-app button,#spatial-app a{-webkit-tap-highlight-color:transparent}#spatial-app button{font:inherit;color:inherit;cursor:pointer}#spatial-app button:focus-visible,#spatial-app a:focus-visible{outline:2px solid var(--signal);outline-offset:4px}#spatial-app button{border:0}#spatial-app button:disabled{cursor:default}#spatial-app a{color:var(--signal);text-underline-offset:3px}#spatial-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#spatial-app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 12% 22%,#cde3ed 0,transparent 55%),radial-gradient(ellipse at 90% 78%,#d6eae3 0,transparent 55%),#f0f7f9}
#spatial-app .app-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #ffffffb3;background:#f7fbfba8;backdrop-filter:blur(14px)}#spatial-app .brand{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:600;letter-spacing:.1em;background:none;padding:0;min-height:44px}#spatial-app .brand>span{font-size:28px;color:#6f9ca7;font-weight:400}#spatial-app .breadcrumbs{height:44px;display:flex;align-items:center;gap:8px;padding:0 34px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden}#spatial-app .breadcrumbs button{background:none;min-height:40px;padding:0 4px;font-size:12px}#spatial-app .breadcrumbs [aria-current]{color:var(--ink);font-weight:500}#spatial-app .breadcrumbs .crumb-title{overflow:hidden;text-overflow:ellipsis;max-width:440px}#spatial-app .crumb-separator{color:#9eb5bf}
#spatial-app #workspace{position:absolute;inset:112px 28px 26px 178px;perspective:1400px;isolation:isolate}#spatial-app .time-line{position:absolute;left:-28px;top:28px;bottom:40px;width:1px;background:linear-gradient(transparent,#a9cbd1 15%,#a9cbd1 85%,transparent)}#spatial-app #month-space,#spatial-app #article-space{position:absolute;inset:0;transform-style:preserve-3d}#spatial-app .paper{position:absolute;left:0;top:0;transform-origin:center center;will-change:transform,opacity;overflow:hidden;min-width:0;border:1px solid #d1e2e7;border-radius:18px;background:#ffffffeb;box-shadow:0 12px 38px #496d7e12,inset 0 1px 0 #fff;backface-visibility:hidden;--spatial-fold:0}#spatial-app .paper[inert]{pointer-events:none}#spatial-app .paper.month-paper{background:linear-gradient(125deg,#fffffff0,#f4faf9e6);border-color:#ffffffdd}#spatial-app.switching .paper{transition:transform .68s var(--ease),width .68s var(--ease),height .68s var(--ease),opacity .45s,border-radius .68s}#spatial-app.switching .paper .read-pane{transition:opacity .3s .18s}#spatial-app .paper[data-front=true]{background:#fff;box-shadow:0 20px 56px #496d7e13,inset 0 1px 0 #fff}
#spatial-app .month-inner{padding:calc(26px - 13px * var(--spatial-fold));height:100%;display:flex;flex-direction:column}#spatial-app .month-heading{display:flex;gap:14px;align-items:baseline;margin:0;white-space:nowrap}#spatial-app .month-year{color:var(--muted);font-size:calc(16px - 3px * var(--spatial-fold));font-weight:400}#spatial-app .month-number{font-size:calc(66px - 44px * var(--spatial-fold));font-weight:400;line-height:1.2;letter-spacing:-.065em;font-variant-numeric:tabular-nums}#spatial-app .month-count{font-size:13px;color:var(--muted);margin-left:auto;align-self:center}#spatial-app .month-description{font-size:15px;line-height:1.9;max-width:480px;margin:24px 0 0;opacity:calc(1 - var(--spatial-fold))}#spatial-app .month-open{align-self:flex-start;margin-top:auto;border:0;background:#eff8f5;border-radius:6px;min-height:44px;padding:10px 22px;font-size:14px;color:#276f70;opacity:calc(1 - var(--spatial-fold))}#spatial-app .month-open span{margin-left:20px}
#spatial-app .article-paper{display:flex;flex-direction:column}#spatial-app .paper-head{flex:none;padding:calc(24px - 12px * var(--spatial-fold));padding-bottom:calc(14px - 8px * var(--spatial-fold));min-width:0}#spatial-app .paper-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;font-size:11px;color:var(--muted);line-height:1.6}#spatial-app .paper-category{color:var(--signal);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#spatial-app .paper-meta time{white-space:nowrap}#spatial-app .article-title{font-size:calc(26px - 11px * var(--spatial-fold));line-height:1.55;font-weight:600;letter-spacing:-.025em;margin:calc(14px - 8px * var(--spatial-fold)) 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--title-lines,3);overflow:hidden}#spatial-app .title-open{display:block;font:inherit;text-align:left;line-height:inherit;letter-spacing:inherit;padding:0;background:none;width:100%}#spatial-app .paper-preview{padding:0 24px 24px;display:flex;flex:1;flex-direction:column;min-height:0;opacity:calc(1 - var(--spatial-fold))}#spatial-app .preview-copy{font-size:15px;line-height:1.95;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}#spatial-app .paper-tags{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--muted);margin-top:16px}#spatial-app .preview-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;font-size:12px;color:var(--muted)}#spatial-app .read-button{padding:9px 18px;background:#2f7f7e;color:#fff;min-height:44px;border-radius:6px;font-size:13px;white-space:nowrap}#spatial-app .relation-label{color:var(--signal);font-size:11px;font-weight:500;display:none}#spatial-app .article-paper[data-relation] .relation-label{display:block}#spatial-app .article-paper[data-relation] .paper-meta{gap:6px}#spatial-app .article-paper[data-relation] .paper-category{display:none}
#spatial-app .read-pane{display:none;flex:1;min-height:0;padding:0 24px 20px;opacity:0}#spatial-app .reading .read-pane{display:flex;flex-direction:column;opacity:1}#spatial-app .reading .paper-preview{display:none}#spatial-app .reading .article-title{font-size:24px;-webkit-line-clamp:3}#spatial-app .reading .paper-head{padding:20px 24px 12px}#spatial-app .reader-toolbar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px;flex:none}#spatial-app .reader-toolbar button{background:none;font-size:12px;padding:8px 12px;min-height:44px;border-radius:6px}#spatial-app .reader-toolbar button[aria-pressed=true]{background:#eaf5f2;color:var(--signal)}#spatial-app .chapter-list{display:grid;grid-template-rows:var(--prev-height,0px) minmax(0,1fr) var(--next-height,48px);gap:0;min-height:0;flex:1;overflow:hidden}#spatial-app .chapter{display:none;min-height:0;border-bottom:1px solid #e2ecee}#spatial-app .chapter.previous,#spatial-app .chapter.next,#spatial-app .chapter.active{display:flex;flex-direction:column}#spatial-app .chapter.previous{grid-row:1}#spatial-app .chapter.active{grid-row:2;border-bottom:0}#spatial-app .chapter.next{grid-row:3;border-top:1px solid #d6e6e8;border-bottom:0}#spatial-app .chapter h3{margin:0;flex:none}#spatial-app .chapter-toggle{background:none;text-align:left;font-size:13px;font-weight:500;line-height:1.6;display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 2px;color:#536f7c}#spatial-app .chapter-toggle .chapter-number{font-size:11px;color:#6c9395;flex:none;width:20px}#spatial-app .chapter-toggle .chapter-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#spatial-app .chapter.active .chapter-toggle{font-size:15px;color:#203b48}#spatial-app .chapter.active .chapter-name{white-space:normal}#spatial-app .chapter-body{display:none;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bfd8dc transparent;padding:0 12px 8px 2px}#spatial-app .chapter.active .chapter-body{display:block}#spatial-app .chapter-body p,#spatial-app .chapter-body li{font-size:16px;line-height:1.95;overflow-wrap:anywhere}#spatial-app .chapter-body p{margin:12px 0 18px}#spatial-app .chapter-body a{color:#267b7e}#spatial-app .chapter-body h4{font-size:16px}#spatial-app .chapter-body ul,#spatial-app .chapter-body ol{padding-left:1.4em}#spatial-app .chapter-body figure{margin:20px 0;padding:14px;background:#f3f8fa;border-radius:8px;overflow:auto}#spatial-app .chapter-body figcaption{font-size:12px;margin-bottom:12px}#spatial-app .chapter-body table{border-collapse:collapse;width:100%;font-size:13px}#spatial-app .chapter-body th,#spatial-app .chapter-body td{text-align:left;border-bottom:1px solid #d5e5e8;padding:8px;overflow-wrap:anywhere}#spatial-app .chapter-body svg{max-width:100%;height:auto}#spatial-app .chapter-body .comparison-grid,#spatial-app .chapter-body .process-flow,#spatial-app .chapter-body .infographic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px}#spatial-app .chapter-body pre{white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}#spatial-app .chapter-body .sources-list{list-style:none;padding:0}#spatial-app .sources-list li{padding:14px 0;border-bottom:1px solid #dae9eb}#spatial-app .sources-list a{font-size:14px}#spatial-app .toc-open .chapter-list{display:block;overflow:auto}#spatial-app .toc-open .chapter{display:flex}#spatial-app .toc-open .chapter-body{display:none}#spatial-app .toc-open .chapter.active{border-bottom:1px solid #e2ecee}#spatial-app .toc-open .chapter.active .chapter-toggle{color:var(--signal)}
#spatial-app .month-rail{position:absolute;left:28px;top:122px;bottom:30px;width:116px;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:2px}#spatial-app .rail-month{background:none;text-align:left;flex:none;font-size:12px;color:#65818f;line-height:1.3;min-height:27px;border:0;padding:6px 12px;white-space:nowrap}#spatial-app .rail-month[aria-current]{color:#246d73;background:#ffffff57}#spatial-app .rail-month .rail-year{font-size:10px;color:#6e919c;margin-right:6px}#spatial-app .month-rail button:hover{background:#ffffff8c}#spatial-app #relations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#spatial-app #relations path{fill:none;stroke:#81b5bb;stroke-width:1;opacity:.6}body.spatial-active.read-mode #scroll-track{height:100svh}body.spatial-active.read-mode{overflow:hidden}body.spatial-active.read-mode #spatial-app .month-rail{opacity:.68}
@media(max-width:759px){#spatial-app .app-header{height:60px;padding:0 16px}#spatial-app .brand{font-size:9px;letter-spacing:.045em;gap:8px}#spatial-app .brand>span{font-size:25px}#spatial-app .breadcrumbs{height:42px;padding:0 14px;font-size:11px;gap:5px}#spatial-app .breadcrumbs button{font-size:11px}#spatial-app .breadcrumbs .crumb-title{max-width:160px}#spatial-app #workspace{inset:102px 0 72px}#spatial-app .time-line{display:none}#spatial-app .month-rail{left:0;right:0;bottom:env(safe-area-inset-bottom,0px);top:auto;width:auto;height:60px;display:flex;flex-direction:row;gap:4px;align-items:center;padding:0 14px;border-top:1px solid #ffffffbf;background:#f6fbfaad;backdrop-filter:blur(12px);touch-action:pan-x}#spatial-app .rail-month{padding:7px 10px;min-height:44px;border:0;text-align:center;display:flex;flex-direction:column;gap:2px;font-size:12px}#spatial-app .rail-month[aria-current]{border-color:#398e91}#spatial-app .rail-month .rail-year{font-size:10px;margin:0}#spatial-app .month-inner{padding:calc(22px - 9px * var(--spatial-fold))}#spatial-app .month-number{font-size:calc(60px - 39px * var(--spatial-fold))}#spatial-app .month-description{font-size:13px;line-height:1.85;margin-top:18px}#spatial-app .month-open{font-size:13px;min-height:44px;padding:9px 16px}#spatial-app .paper{border-radius:15px}#spatial-app .paper-head{padding:calc(19px - 8px * var(--spatial-fold));padding-bottom:calc(12px - 6px * var(--spatial-fold))}#spatial-app .article-title{font-size:calc(21px - 7px * var(--spatial-fold));margin-top:calc(12px - 7px * var(--spatial-fold));line-height:1.55}#spatial-app .paper-meta{font-size:10px;gap:8px}#spatial-app .paper-preview{padding:0 19px 19px}#spatial-app .preview-copy{font-size:14px;line-height:1.85;-webkit-line-clamp:4}#spatial-app .paper-tags{font-size:10px;margin-top:12px;gap:4px 10px}#spatial-app .preview-actions{padding-top:12px}#spatial-app .read-button{font-size:12px;padding:8px 15px}#spatial-app .reading .paper-head{padding:16px 17px 8px}#spatial-app .reading .article-title{font-size:19px;line-height:1.5;-webkit-line-clamp:3}#spatial-app .read-pane{padding:0 15px 12px}#spatial-app .reader-toolbar{padding-bottom:5px;margin-bottom:4px}#spatial-app .reader-toolbar button{padding:6px 8px;min-height:44px;font-size:11px}#spatial-app .chapter-toggle{font-size:12px;gap:8px}#spatial-app .chapter.active .chapter-toggle{font-size:13px;line-height:1.7;min-height:44px}#spatial-app .chapter-body{padding-right:8px}#spatial-app .chapter-body p,#spatial-app .chapter-body li{font-size:15px;line-height:1.95}#spatial-app .chapter-body figure{padding:10px}#spatial-app .chapter-body table{font-size:12px}#spatial-app .chapter-body .comparison-grid{grid-template-columns:1fr}#spatial-app .relation-label{font-size:10px}}
@property --spatial-fold{syntax:"<number>";inherits:true;initial-value:0}
/* Server-rendered content is retained for indexing and print, never as a second screen. */
body>.page-shell{display:none}
#spatial-app .month-paper{border-radius:6px;box-shadow:none;background:#f7fcfaaa;pointer-events:none!important}
#spatial-app .month-paper .month-inner{padding:4px 14px;justify-content:center}
#spatial-app .month-paper .month-heading{gap:10px;align-items:center}
#spatial-app .month-paper .month-year{font-size:12px}
#spatial-app .month-paper .month-number{font-size:18px;letter-spacing:0;line-height:1.3}
#spatial-app .month-paper .month-count{font-size:11px}
#spatial-app .article-paper:not(.reading){cursor:pointer}
#spatial-app[data-mode=timeline] .article-paper[data-folded=true] .paper-meta{display:none}
#spatial-app[data-mode=timeline] .article-paper[data-folded=true] .paper-head{padding:8px 12px}
#spatial-app[data-mode=timeline] .article-paper[data-folded=true] .article-title{margin:0;font-size:14px;line-height:1.5}
#spatial-app [hidden]{display:none!important}
#spatial-app a{text-decoration:none}
#spatial-app .chapter-body a{text-decoration:underline}
#spatial-app .header-actions{display:flex;align-items:center;gap:12px;flex:none}
#spatial-app .header-actions button,#spatial-app .language-link{background:none;min-height:44px;padding:6px;font-size:12px;display:inline-flex;align-items:center}
#spatial-app .language-link{font-size:11px;letter-spacing:.04em}
#spatial-app .spatial-skip{position:absolute;left:16px;top:-100px;z-index:2000;padding:12px;background:white;border:0;border-radius:6px}
#spatial-app .spatial-skip:focus{top:8px}
#spatial-app .spatial-pagination{margin-left:auto;display:flex;gap:8px}
#spatial-app .guide-open{margin-left:auto;flex:none;color:var(--signal)}
#spatial-app .spatial-pagination a{min-width:44px;min-height:40px;display:grid;place-items:center;font-size:17px}
#spatial-app .title-open{color:inherit}
#spatial-app .read-button{display:inline-flex;align-items:center;justify-content:center}
#spatial-app .document-paper .article-title{-webkit-line-clamp:3}
body.spatial-active.document-mode #spatial-app #workspace{left:28px;bottom:16px}
#spatial-app .workspace-status{position:absolute;top:70px;right:20px;z-index:1500;background:#f7fcfbee;border:1px solid #bfd9de;border-radius:8px;padding:8px 12px;font-size:12px;max-width:calc(100% - 32px);box-shadow:0 8px 28px #45677522;pointer-events:none}
#spatial-app .workspace-status.is-error{pointer-events:auto}
#spatial-app .workspace-status a,#spatial-app .workspace-status button{color:var(--signal);padding:8px;background:none;white-space:nowrap;display:inline-block}
#spatial-app .spatial-menu{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-radius:0;background:#f7fbfc;color:var(--ink);padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));width:min(320px,86vw);max-width:none;height:100dvh;max-height:none;box-shadow:-16px 0 60px #2f55631c;overflow:auto;overscroll-behavior:contain}
#spatial-app .spatial-menu::backdrop{background:#274c6033}
#spatial-app .spatial-menu>button{display:block;margin-left:auto;background:none;padding:8px 12px;min-height:44px;font-size:13px}
#spatial-app .spatial-menu nav{display:flex;flex-direction:column}
#spatial-app .spatial-menu nav a{padding:16px;min-height:52px;font-size:14px;border:0;border-radius:7px;color:var(--ink);text-decoration:none}#spatial-app .spatial-menu nav{gap:6px;margin-top:24px}#spatial-app .spatial-menu nav a:hover,#spatial-app .spatial-menu nav a[aria-current=page]{background:#e1f2ef;color:#246f72}
#spatial-app .paper[inert]{will-change:auto}
#spatial-app .chapter-body{overflow-anchor:none}
#spatial-app .chapter-list{grid-template-columns:minmax(0,1fr)}
#spatial-app .chapter{min-width:0}
#spatial-app.switching .paper{transition:transform .68s var(--ease),width .68s var(--ease),height .68s var(--ease),opacity .45s,visibility .68s,--spatial-fold .68s var(--ease)}
#spatial-app .chapter-body .panel-block{padding:14px 0;background:transparent;border:0;border-radius:0;box-shadow:none}
#spatial-app .chapter-body .source-row{display:block;padding:14px 0;border-bottom:1px solid #d9e8ea;min-width:0}
#spatial-app .chapter-body .source-row p{font-size:13px;margin:6px 0}
#spatial-app .chapter-body .meta-row{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}
#spatial-app .chapter-body .source-url{overflow-wrap:anywhere}
@media(max-width:759px){
  #spatial-app .header-actions{gap:4px}
  #spatial-app .workspace-status{top:62px;right:12px}
  #spatial-app .header-actions button{font-size:11px;padding:6px 3px}
  #spatial-app .language-link{font-size:9px;padding:6px 3px}
  body.spatial-active.document-mode #spatial-app #workspace{left:0}
  #spatial-app .reader-toolbar{gap:2px}
}
@media(max-height:539px){
  #spatial-app .app-header{height:48px;padding:0 16px}
  #spatial-app .breadcrumbs{height:32px;padding:0 14px}
  #spatial-app #workspace{inset:80px 0 8px}
  #spatial-app .month-rail{display:none}
  #spatial-app .time-line{display:none}
  #spatial-app .paper[data-folded=true] .paper-meta{display:none}
  #spatial-app .paper[data-folded=true] .paper-head{padding:6px 10px}
  #spatial-app .paper[data-folded=true] .article-title{margin:0;font-size:13px}
  #spatial-app .paper-preview{padding:0 16px 10px}
  #spatial-app .preview-copy,#spatial-app .paper-tags{display:none}
  #spatial-app .preview-actions{padding-top:0}
  #spatial-app .paper-head{padding:12px 16px 6px}
  #spatial-app .article-title{font-size:20px;-webkit-line-clamp:2;margin:6px 0 0}
  #spatial-app .reading .paper-head{padding:8px 14px}
  #spatial-app .reading .paper-meta{display:none}
  #spatial-app .reading .article-title{font-size:17px;line-height:1.5;-webkit-line-clamp:1;margin:0}
  #spatial-app .reading .title-open{white-space:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}
  #spatial-app .read-pane{padding:0 14px 6px}
  #spatial-app .reader-toolbar{padding:0;margin:0}
  #spatial-app .reader-toolbar button{min-height:36px;padding:4px 8px;font-size:11px}
  #spatial-app .chapter-toggle,#spatial-app .chapter.active .chapter-toggle{min-height:36px;font-size:12px;padding:4px 2px}
  #spatial-app .month-inner{padding:12px 18px}
  #spatial-app .month-number{font-size:calc(40px - 20px * var(--spatial-fold))}
  #spatial-app .month-description{margin-top:10px;font-size:12px;line-height:1.6}
}
@media print{
  html.spatial-active,body.spatial-active{overflow:visible!important;height:auto!important}
  body>.page-shell{display:block!important}
  body.spatial-active>.page-shell .site-header,body.spatial-active>.page-shell .footer-panel,body.spatial-active>.page-shell .hero-backdrop{display:none!important}
  #spatial-app,#scroll-track{display:none!important}
  body.spatial-active .reading-evidence{display:block!important}
  body.spatial-active .reading-evidence>*{display:block!important}
}
html.spatial-active{scrollbar-width:none}html.spatial-active::-webkit-scrollbar{display:none}
#spatial-app #month-space,#spatial-app #article-space{pointer-events:none}
#spatial-app .article-paper[data-folded=true] .article-title{-webkit-line-clamp:1}
#spatial-app .title-open{text-wrap:pretty;line-break:strict}
#spatial-app .article-paper[data-folded=true] .title-open{white-space:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}
#spatial-app .chapter-body .comparison-grid{margin:20px 0}
#spatial-app .chapter-body .comparison-card{padding:16px;border:1px solid #d5e5e8;background:#f3f8fa;border-radius:8px}
#spatial-app .chapter-body .comparison-card h3{font-size:15px;line-height:1.7}
#spatial-app .chapter-body .comparison-card p{font-size:14px;line-height:1.85;margin:10px 0 0}
#spatial-app .chapter-body .section-kicker{font-size:11px;color:var(--signal);letter-spacing:.035em}
@media(max-width:759px){body.spatial-active.read-mode #spatial-app .month-rail{display:none}body.spatial-active.read-mode #spatial-app #workspace{bottom:max(12px,env(safe-area-inset-bottom,0px))}}
#spatial-app.switching .paper{transition:transform .68s var(--ease),width .68s var(--ease),height .68s var(--ease),opacity .45s,border-radius .68s,--spatial-fold .68s var(--ease)}
@media(prefers-reduced-motion:reduce){#spatial-app *,#spatial-app *::before,#spatial-app *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}#spatial-app .paper{will-change:auto}}

#spatial-startup{position:fixed;inset:0;display:grid;place-content:center;gap:18px;padding:32px;background:#edf5f7;color:#203b48;font-family:"Noto Sans JP",sans-serif;text-align:center}
#spatial-startup[hidden]{display:none}
#spatial-startup button{font:inherit;padding:10px 20px;border:0;border-radius:6px;background:#fff;color:#287e7d;cursor:pointer}
@media print{#spatial-startup{display:none!important}}

/* One native scroll surface; each chapter can be collapsed independently. */
#spatial-app .reading{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bfd8dc transparent;display:block;touch-action:pan-y}
#spatial-app .reading .read-pane{display:block;opacity:1;overflow:visible;padding-bottom:28px}
#spatial-app .reading .chapter-list{display:block;overflow:visible}
#spatial-app .reading .chapter{display:block;border-bottom:1px solid #e2ecee;overflow:visible}
#spatial-app .reading .chapter-body{display:block;overflow:visible;max-height:none;padding:0 2px 12px;overscroll-behavior:auto}
#spatial-app .reading .chapter.collapsed .chapter-body,#spatial-app .reading.toc-open .chapter-body{display:none}
#spatial-app .reading .chapter-toggle{font-size:15px;color:var(--ink);padding:16px 2px;white-space:normal}
#spatial-app .reading .chapter-name{white-space:normal;overflow:visible}
#spatial-app .chapter-content{display:flow-root}
#spatial-app .chapter-preview{display:none}
@media(max-width:759px){#spatial-app .reading .chapter-toggle{font-size:14px}}

/* A persistent topic overview, with the selected topic's recent articles alongside it. */
body.spatial-active.topics-mode{overflow:hidden}
body.spatial-active.topics-mode #spatial-app #workspace{left:28px;bottom:20px}
body.spatial-active.topics-mode #spatial-app .time-line{display:none}
#spatial-app .topics-overview{height:100%;max-width:1200px;margin:0 auto;padding:18px 12px;overflow:auto;overscroll-behavior:contain}
#spatial-app .topics-heading{font-size:28px;line-height:1.4;margin:0 0 24px;font-weight:600;letter-spacing:-.025em}
#spatial-app .topics-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px;align-items:start}
#spatial-app .topic-selector{display:grid;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:14px;padding:8px;gap:3px}
#spatial-app .topic-selector button{display:flex;align-items:center;gap:14px;min-height:61px;padding:12px;text-align:left;font-size:14px;background:transparent;border-radius:7px;line-height:1.4;border:0}
#spatial-app .topic-selector button[aria-pressed=true]{background:#ddf3f0;color:#205b60;font-weight:600}
#spatial-app .topic-selector button:hover{background:#edf8f6}
#spatial-app .topic-symbol{color:#63979e;width:22px;flex:none;font-size:22px;text-align:center;font-family:system-ui,sans-serif}
#spatial-app .topic-results{min-width:0}
#spatial-app .topic-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;min-height:32px}
#spatial-app .topic-results-heading h2{font-size:16px;margin:0;font-weight:500}
#spatial-app .topic-results-heading a{font-size:12px;min-height:44px;display:flex;align-items:center}
#spatial-app .topic-articles{display:grid;gap:10px;padding-right:18px}
#spatial-app .topic-article{min-width:0;margin-left:calc(var(--peek)*6px);margin-right:calc(var(--peek)*-6px);border:1px solid #d6e7ea;border-radius:12px;background:#ffffffed;box-shadow:0 9px 26px #476a7910;overflow:hidden}
#spatial-app .topic-article-link{display:flex;gap:16px;align-items:center;padding:12px 16px;color:var(--ink)}
#spatial-app .topic-article-link img{width:94px;height:64px;object-fit:cover;flex:none;border-radius:6px;background:#eef5f6}
#spatial-app .topic-article-copy{min-width:0;flex:1}
#spatial-app .topic-article-copy time{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
#spatial-app .topic-article-copy h3{font-size:15px;line-height:1.65;margin:0;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#spatial-app .topic-article.is-featured{background:white;box-shadow:0 16px 36px #476a7917}
#spatial-app .is-featured .topic-article-link{padding:20px;gap:22px;align-items:stretch}
#spatial-app .is-featured img{width:35%;height:auto;min-height:180px;max-height:240px}
#spatial-app .is-featured h3{font-size:22px;line-height:1.55;-webkit-line-clamp:3}
#spatial-app .is-featured p{font-size:13px;line-height:1.85;margin:12px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#536e7b}
#spatial-app .topic-read{display:inline-block;background:#e0f3ef;color:#277b7a;font-size:12px;padding:9px 16px;border-radius:6px}
#spatial-app .topic-article-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:900px){#spatial-app .topics-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}#spatial-app .is-featured .topic-article-link{padding:16px;gap:14px}#spatial-app .is-featured h3{font-size:19px}}
@media(max-width:759px){
 body.spatial-active.topics-mode #spatial-app #workspace{left:0;bottom:max(12px,env(safe-area-inset-bottom,0px))}
 #spatial-app .topics-overview{padding:4px 16px 16px}
 #spatial-app .topics-heading{font-size:22px;margin-bottom:12px}
 #spatial-app .topics-layout{display:flex;flex-direction:column;gap:14px}
 #spatial-app .topic-selector{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;background:none;border:0}
 #spatial-app .topic-selector button{min-height:44px;padding:8px 9px;gap:8px;background:#ffffffb8;border:0;font-size:12px}
 #spatial-app .topic-selector button[aria-pressed=true]{background:#ddf3f0}
 #spatial-app .topic-symbol{font-size:18px;width:18px}
 #spatial-app .topic-results{width:100%}
 #spatial-app .topic-results-heading{margin-bottom:6px;min-height:32px}
 #spatial-app .topic-results-heading h2{font-size:13px}
 #spatial-app .topic-results-heading a{font-size:11px;min-height:32px}
 #spatial-app .topic-articles{gap:7px;padding-right:9px}
 #spatial-app .topic-article{margin-left:calc(var(--peek)*3px);margin-right:calc(var(--peek)*-3px);border-radius:9px}
 #spatial-app .topic-article-link{padding:8px 10px;gap:10px;min-height:64px}
 #spatial-app .topic-article-link img{width:50px;height:45px}
 #spatial-app .topic-article-copy time{font-size:9px;margin-bottom:2px}
 #spatial-app .topic-article-copy h3{font-size:12px;line-height:1.6}
 #spatial-app .is-featured .topic-article-link{padding:12px;gap:12px}
 #spatial-app .is-featured img{width:82px;min-height:100px;height:100px}
 #spatial-app .is-featured h3{font-size:15px;-webkit-line-clamp:3}
 #spatial-app .is-featured p{display:none}
 #spatial-app .topic-read{padding:5px 9px;margin-top:8px;font-size:11px}
}
/* Evidence is a quiet list of source links, without nested cards. */
#spatial-app .evidence-chapter .evidence-heading{display:block}
#spatial-app .evidence-chapter .panel-title{font-size:16px;line-height:1.7;margin:0 0 6px;max-width:none}
#spatial-app .evidence-chapter .evidence-heading .panel-copy{margin:0;font-size:13px;line-height:1.9;max-width:none}
#spatial-app .evidence-chapter .source-row{display:block;padding:14px 0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;min-width:0}
#spatial-app .evidence-chapter .source-row:hover{transform:none;background:transparent;box-shadow:none}
#spatial-app .evidence-chapter .source-kind{border:0;border-radius:0;background:none;padding:0;font-size:10px;color:#68898e;min-height:0;text-transform:uppercase;letter-spacing:.06em}
#spatial-app .evidence-chapter .source-title{font-size:14px;font-weight:500;line-height:1.7;margin:4px 0;color:#285e6a}
#spatial-app .evidence-chapter .source-row:hover .source-title{text-decoration:underline;text-underline-offset:3px}
#spatial-app .evidence-chapter .source-url{font-size:11px;line-height:1.8;margin:3px 0 0;color:#718994;overflow-wrap:anywhere;word-break:break-word}
#spatial-app .evidence-chapter .source-action{display:none}
@media(min-width:760px) and (max-height:539px){
 #spatial-app .topics-overview{padding-top:4px}
 #spatial-app .topics-heading{font-size:20px;margin-bottom:12px}
 #spatial-app .topics-layout{grid-template-columns:290px minmax(0,1fr);gap:20px}
 #spatial-app .topic-selector{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}
 #spatial-app .topic-selector button{min-height:44px;padding:6px;font-size:11px;gap:5px}
 #spatial-app .topic-symbol{font-size:16px;width:16px}
}
#spatial-app .evidence-chapter .panel-block>.mt-6{margin-top:16px;gap:0}
#spatial-app .evidence-chapter .source-url{letter-spacing:0}
#spatial-app .chapter-body .article-topic-link{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border:0;border-radius:6px;background:#e7f4f1;color:#287e7d;text-decoration:none;box-shadow:none;letter-spacing:.035em}
#spatial-app .chapter-body .article-topic-link:hover{background:#d9eeea;color:#205f64;text-decoration:none}

#spatial-app .brand-logo{display:block;width:28px;height:28px;flex:none}
@media(max-width:759px){#spatial-app .brand-logo{width:25px;height:25px}}

#spatial-app .reader-toolbar{justify-content:flex-start;gap:8px;padding-bottom:12px}
#spatial-app .reader-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 16px;border:0;border-radius:7px;background:#eef6f6;color:#365f6b;box-shadow:0 2px 5px #45677508;transition:background .15s,color .15s}
#spatial-app .reader-toolbar button:hover{background:#dfefed;color:#246f72}
#spatial-app .reader-toolbar button:active,#spatial-app .reader-toolbar button[aria-pressed=true]{background:#d9eeea;color:#205f64}
@media(max-width:759px){#spatial-app .reader-toolbar{gap:7px;padding-bottom:10px}#spatial-app .reader-toolbar button{min-height:44px;padding:8px 12px;font-size:11px;flex:1}}
@media(max-height:539px){#spatial-app .reader-toolbar{padding-bottom:5px}#spatial-app .reader-toolbar button{min-height:36px;padding:5px 12px}}

/* Article-specific visual summaries; category thumbnails never substitute for article artwork. */
#spatial-app .paper-preview{display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:auto 1fr auto;column-gap:18px;row-gap:8px}
#spatial-app .preview-illustration{grid-column:2;grid-row:1/3;width:160px;height:128px;object-fit:contain;border-radius:9px;background:#f1f7f8;align-self:start}
#spatial-app .paper-preview .preview-copy{grid-column:1;grid-row:1;-webkit-line-clamp:3}
#spatial-app .paper-preview .paper-tags{grid-column:1;grid-row:2;margin-top:0;align-content:start;align-self:start}
#spatial-app .paper-preview .preview-actions{grid-column:1/3;grid-row:3;padding-top:4px}
#spatial-app .topic-selector .topic-symbol{width:44px;height:36px;object-fit:cover;border-radius:5px}
#spatial-app .topic-article-link img,#spatial-app .is-featured img{object-fit:contain;background:#f0f6f7}
#spatial-app .chapter-body .article-illustration{padding:0;margin:8px 0 18px;background:transparent;border:0;border-radius:8px;overflow:hidden}
#spatial-app .article-illustration img{display:block;width:100%;max-height:220px;object-fit:contain;background:#f2f7f8}
@media(max-width:759px){
 #spatial-app .paper-preview{grid-template-columns:minmax(0,1fr) 104px;column-gap:12px}
 #spatial-app .preview-illustration{width:104px;height:96px}
 #spatial-app .paper-preview .preview-copy{-webkit-line-clamp:3;font-size:13px}
 #spatial-app .topic-selector .topic-symbol{width:30px;height:28px}
 #spatial-app .article-illustration img{max-height:150px}
}
@media(max-height:539px){#spatial-app .preview-illustration{display:none}#spatial-app .paper-preview{display:flex}#spatial-app .article-illustration img{max-height:110px}}

/* Shared UI symbols stay distinct from the diagrams inside article content. */
#spatial-app .ui-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle}
#spatial-app .read-button,#spatial-app .topic-read,#spatial-app .topic-results-heading>a{display:inline-flex;align-items:center;gap:7px}
#spatial-app .crumb-separator{display:inline-flex;align-items:center}
#spatial-app .crumb-separator .ui-icon{width:12px;height:12px}
#spatial-app .breadcrumb-icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
#spatial-app .header-actions [data-action=menu],#spatial-app .spatial-menu>button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}
#spatial-app .spatial-menu>button{display:flex}

/* Move the surface first; reveal its full-size summary only near the front. */
#spatial-app[data-mode=timeline] .paper-preview{flex:0 0 auto;width:var(--preview-width);grid-template-rows:auto auto auto;opacity:var(--preview-reveal,1)}
#spatial-app[data-mode=timeline] .preview-copy{flex-shrink:0}
#spatial-app[data-mode=timeline] .preview-illustration{flex-shrink:0}