@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{.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}}