@layer components{.reading{inline-size:min(100%,calc(var(--measure) + 2 * var(--gutter)));margin-inline:auto;padding-inline:var(--gutter);& > *{min-inline-size:0}}.phrase{text-wrap:pretty;&:lang(ja){word-break:keep-all;overflow-wrap:anywhere}&:lang(zh){word-break:normal}}.nobr{white-space:nowrap}.reading > .photo-gallery,.reading .reading-section > .photo-gallery{margin-inline:calc((100% - min(100vw - 2 * var(--gutter),var(--page-wide))) / 2)}.reading-hero{display:grid;gap:var(--space-4);padding-block:var(--space-10) var(--space-8)}.reading-title{font-size:clamp(2rem,1.2rem + 3.6vw,var(--text-4xl));line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.descriptor{color:var(--text-secondary);font-size:var(--text-base)}.reading-lead{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.8}.toc{margin-block:var(--space-4) var(--space-12)}.toc-title{margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.toc-desc{margin-block-end:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.toc-list{border-block-start:1px solid var(--border);list-style:none;counter-reset:toc}.toc-link{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-1);border-block-end:1px solid var(--border);color:var(--foreground);font-weight:500;text-decoration:none;counter-increment:toc;transition:color var(--duration-fast) var(--ease-standard);&::before{content:counter(toc,decimal-leading-zero);min-inline-size:2ch;color:var(--text-muted);font-size:var(--text-sm);font-weight:400;font-variant-numeric:tabular-nums}&:hover{color:var(--accent)}}.toc-sublist{list-style:none;font-size:var(--text-sm);padding-inline-start:calc(var(--space-1) + 2ch + var(--space-4))}.toc-sublink{display:block;padding-block:var(--space-2);padding-inline-end:var(--space-1);border-block-end:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard);&:hover{color:var(--accent)}}.reading-section{padding-block-start:var(--space-16)}.reading-section .reading-section{padding-block-start:var(--space-12)}.section-head{display:grid;gap:var(--space-2);margin-block-end:var(--space-6)}.section-title{font-size:var(--text-2xl);line-height:1.3;letter-spacing:var(--tracking-display);text-wrap:pretty}.section-title-s{font-size:var(--text-xl);line-height:1.35}.prose{font-size:var(--text-prose);line-height:var(--leading-prose);& > * + *{margin-block-start:1em}& ul,& ol{padding-inline-start:1.4em}& li + li{margin-block-start:0.4em}}.related{margin-block-start:var(--space-20)}.related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:stretch;gap:var(--space-4);list-style:none}.related-card{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-2);block-size:100%;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);color:var(--foreground);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-standard);&:hover{border-color:var(--border-strong);color:var(--foreground)}}.related-card-title{font-size:var(--text-lg);font-weight:500}.related-card-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7;word-break:auto-phrase;&:lang(en){text-wrap:pretty}}.related-card-action{display:inline-flex;align-items:center;gap:6px;margin-block-start:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;&::after{content:'';inline-size:14px;block-size:14px;background:currentColor;mask:var(--icon-arrow) center / contain no-repeat}}.notice{display:grid;justify-items:start;gap:var(--space-4);padding-block:var(--space-16) var(--space-8)}.notice-code{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.notice-title{font-size:clamp(2rem,1.4rem + 2.4vw,var(--text-3xl));line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.notice-body{color:var(--text-secondary);font-size:var(--text-lg)}.button-primary{display:inline-flex;align-items:center;gap:var(--space-2);block-size:var(--control-md);margin-block-start:var(--space-2);padding-inline:var(--space-5);border-radius:var(--radius-control);background:var(--foreground);color:var(--background);font-size:var(--text-sm);font-weight:500;text-decoration:none;&:hover{color:var(--background);opacity:0.9}& svg{inline-size:16px;block-size:16px}}}@layer components{.heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.ordinal{flex:none;color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.part{margin-block-start:var(--space-16);padding-block-start:var(--space-12);border-block-start:1px solid var(--border)}.part-title{font-size:var(--text-3xl);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.prose-small{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8}.para-heading{margin-block-start:var(--space-8);font-size:var(--text-lg)}.para-subheading{margin-block-start:var(--space-6);font-size:var(--text-base)}.para-sub{padding-inline-start:var(--space-4);border-inline-start:1px solid var(--border)}.lead-strong{font-weight:500}.panel{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.panel-muted{padding:var(--space-5) var(--space-6);border-radius:var(--radius-panel);background:var(--surface-muted)}.block-label{margin-block-end:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.stack-gap > * + *{margin-block-start:var(--space-6)}.disclosure{border-block:1px solid var(--border);& + &{border-block-start:0}& > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:var(--control-lg);padding-block:var(--space-2);color:var(--foreground);font-weight:500;transition:color var(--duration-fast) var(--ease-standard);&::after{content:'';flex:none;inline-size:18px;block-size:18px;background:var(--text-muted);mask:var(--icon-plus) center / contain no-repeat;transition:rotate var(--duration-standard) var(--ease-standard)}&:hover{color:var(--text-secondary)}}&[open] > summary::after{rotate:45deg;background:var(--foreground)}}.disclosure-body{padding-block:0 var(--space-6)}.disclosure-group{margin-block-start:var(--space-12)}.original{font-family:var(--font-mincho);font-size:var(--text-prose);line-height:2;white-space:pre-line;& > * + *{margin-block-start:1em}}.article-figure{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-muted);& img{inline-size:100%;aspect-ratio:1200 / 630;object-fit:cover}}.quote{margin-block:var(--space-6);padding:var(--space-2) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.quote-heading{padding-block:var(--space-4) var(--space-3);font-size:var(--text-base);font-weight:500}.quote-body > div{display:grid;gap:var(--space-1);padding-block:var(--space-4);border-block-start:1px solid var(--border-subtle);@media (width >= 640px){grid-template-columns:6.5rem minmax(0,1fr);gap:var(--space-4)}}.quote-label{color:var(--text-muted);font-size:var(--text-sm)}.quote-text{margin:0;line-height:1.85}.quote-original{margin:0;font-family:var(--font-mincho);line-height:2}.quote-citation{margin:0;color:var(--text-secondary);font-size:var(--text-sm);word-break:keep-all;overflow-wrap:anywhere}.disclosure .quote{margin-block:0 var(--space-6)}.stack{margin-block:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.stack-item{display:grid;gap:var(--space-1);padding:var(--space-5) var(--space-6);& + &{border-block-start:1px solid var(--border-subtle)}}.stack-label{color:var(--text-muted);font-size:var(--text-sm)}.stack-title{font-size:var(--text-base);font-weight:500}.stack-text{color:var(--text-secondary);line-height:1.8}.refs-group + .refs-group{margin-block-start:var(--space-8)}.refs-heading{margin-block:var(--space-6) var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.refs-list{border-block-start:1px solid var(--border-subtle);list-style:none}.refs-item{display:flex;align-items:start;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--border-subtle);font-size:var(--text-sm);line-height:1.75}.refs-item > p{min-inline-size:0;overflow-wrap:anywhere}.refs-cover{flex:0 0 40px;inline-size:40px;block-size:56px;border-radius:4px;object-fit:contain;background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}.refs-buy{margin-inline-start:var(--space-2);white-space:nowrap}.glyph{display:inline-block;vertical-align:-0.15em;& img{display:inline;inline-size:1em;block-size:1em}}.keynote{margin-block:var(--space-2) var(--space-6);font-family:var(--font-mincho);font-size:clamp(1.25rem,1rem + 1vw,var(--text-2xl));line-height:1.7}.facts{display:grid;margin-block:var(--space-4);border-block-start:1px solid var(--border);& > div{display:grid;grid-template-columns:minmax(6em,1fr) 3fr;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--border)}& dt{color:var(--text-secondary);font-size:var(--text-sm)}& dd{word-break:keep-all;overflow-wrap:anywhere}}.timeline{display:grid;gap:var(--space-4);margin-block:var(--space-4);padding-inline-start:var(--space-4);border-inline-start:1px solid var(--border);list-style:none}.timeline-period{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.timeline-title{font-size:var(--text-lg);font-weight:500}.timeline-lead,.timeline-highlight{color:var(--text-secondary);line-height:1.8}.note{display:grid;gap:var(--space-2);margin-block:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-panel);background:var(--surface-muted);color:var(--text-secondary);line-height:1.8}.note-label{color:var(--foreground);font-size:var(--text-sm);font-weight:500}.mantra{display:grid;gap:var(--space-2);margin-block:var(--space-6);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel)}.mantra-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-ui)}.mantra-text{font-family:var(--font-mincho);font-size:var(--text-xl);line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}.mantra-reading{color:var(--text-muted);font-style:italic}.mantra-meaning{color:var(--text-secondary);line-height:1.8}.timeline-points{display:grid;gap:var(--space-1);margin-block-start:var(--space-2);padding-inline-start:1.1em;color:var(--text-secondary);line-height:1.8}.pull-quote{display:grid;gap:var(--space-3);margin-block:var(--space-6);padding-inline-start:var(--space-5);border-inline-start:2px solid var(--border-strong);& figcaption{color:var(--text-secondary);line-height:1.8}}.signoff{text-align:end}}@layer components{.text-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-start:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard);&::after{content:'';flex:none;inline-size:16px;block-size:16px;background:var(--text-muted);mask:var(--icon-arrow) center / contain no-repeat;transition:translate var(--duration-fast) var(--ease-standard)}&:hover{background:var(--surface-muted);color:var(--foreground);&::after{background:var(--foreground);translate:2px 0}}}.faq-list{border-block-start:1px solid var(--border)}.faq-item{border-block-end:1px solid var(--border);& > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:64px;padding:var(--space-4) var(--space-1);font-weight:500;word-break:auto-phrase;text-wrap:pretty;&::after{content:'';flex:none;inline-size:18px;block-size:18px;background:var(--text-muted);mask:var(--icon-plus) center / contain no-repeat;transition:rotate var(--duration-standard) var(--ease-standard)}}&[open] > summary::after{rotate:45deg;background:var(--foreground)}}.faq-answer{padding:0 var(--space-10) var(--space-5) var(--space-1);color:var(--text-secondary);line-height:1.8;word-break:auto-phrase}}@layer components{.photo-gallery{margin-block:var(--space-8)}.photo-grid{columns:2 220px;column-gap:var(--space-2);list-style:none;& > li{break-inside:avoid;margin-block-end:var(--space-4)}&:has(> li:only-child){columns:1;& .photo-item{inline-size:fit-content;max-inline-size:100%;margin-inline:auto}& img{inline-size:auto;max-inline-size:100%;max-block-size:min(72svh,640px)}& .photo-caption{inline-size:0;min-inline-size:100%}& .photo-item[data-photo-fit]{--photo-cap:100vw;inline-size:min(100%,calc(min(72svh,640px) * var(--photo-w) / var(--photo-h)),var(--photo-cap));@media (min-width:1264px){--photo-cap:1200px}& img{inline-size:100%;max-block-size:none}}}}.photo-item{display:grid;gap:var(--space-2)}.photo-open{display:block;overflow:hidden;border-radius:var(--radius-panel);background:var(--surface-muted);cursor:zoom-in;& picture{display:contents}& img{display:block;inline-size:100%;block-size:auto;transition:scale var(--duration-standard) var(--ease-standard)}&:hover img{scale:1.015}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.photo-caption{display:grid;gap:2px;padding-inline:2px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.photo-title{color:var(--foreground);white-space:pre-line}.photo-note{color:var(--text-muted);font-size:var(--text-xs)}:root:has(.photo-viewer[open]){overflow:hidden}.photo-viewer{position:fixed;inset:0;inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;border:0;background:oklch(0.12 0.01 60 / var(--viewer-backdrop,0.97));color:white;overscroll-behavior:contain;&::backdrop{background:transparent}&[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}}.viewer-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.viewer-count{margin-inline-end:auto;color:oklch(1 0 0 / 0.75);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.viewer-button{display:grid;place-items:center;inline-size:40px;block-size:40px;border:0;border-radius:var(--radius-pill);background:oklch(1 0 0 / 0.1);color:white;cursor:pointer;&:hover:not(:disabled){background:oklch(1 0 0 / 0.2)}&:disabled{opacity:0.3;cursor:default}&:focus-visible{outline:2px solid white;outline-offset:2px}& span{inline-size:18px;block-size:18px;background:currentColor;mask:var(--viewer-icon) center / contain no-repeat}&[data-icon='close']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}&[data-icon='download']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")}&[data-icon='open']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5M19 5l-8 8M10 6H5v13h13v-5'/%3E%3C/svg%3E")}&[data-icon='zoom']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4M11 8v6M8 11h6'/%3E%3C/svg%3E")}&[data-icon='zoom'][aria-pressed='true']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4M8 11h6'/%3E%3C/svg%3E")}&[data-icon='prev'],&[data-icon='next']{--viewer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")}&[data-icon='next'] span{rotate:180deg}}.viewer-stage{position:relative;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;& img{position:absolute;inset:0;margin:auto;max-inline-size:calc(100% - 2 * var(--space-4));max-block-size:100%;inline-size:auto;block-size:auto;border-radius:var(--radius-panel);transform-origin:center;will-change:transform;-webkit-user-drag:none}&[data-zoomed] img{cursor:grab}}.viewer-side{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:1;&[data-icon='prev']{inset-inline-start:var(--space-4)}&[data-icon='next']{inset-inline-end:var(--space-4)}@media (width <= 640px){display:none}&[hidden]{display:none}}.viewer-foot{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.viewer-caption{display:grid;gap:2px;max-inline-size:40rem;min-block-size:1lh;color:oklch(1 0 0 / 0.86);font-size:var(--text-sm);line-height:1.6;text-align:center;& small{color:oklch(1 0 0 / 0.6);font-size:var(--text-xs)}}.viewer-thumbs{display:flex;gap:var(--space-1);max-inline-size:100%;overflow-x:auto;scrollbar-width:none;& button{flex:none;inline-size:44px;block-size:44px;padding:0;overflow:hidden;border:0;border-radius:var(--radius-control);background:none;opacity:0.45;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard);&[aria-current='true']{opacity:1;outline:2px solid white;outline-offset:-2px}}& img{inline-size:100%;block-size:100%;object-fit:cover}}::view-transition-group(photo-flight){animation-duration:0.36s;animation-timing-function:cubic-bezier(0.22,1,0.36,1)}::view-transition-old(photo-flight),::view-transition-new(photo-flight){block-size:100%;overflow:clip;border-radius:var(--radius-panel)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}