.sample-page{background:var(--paper);color:var(--ink);font-family:var(--font-jp);margin:0}.sample-notice{background:var(--ink);color:var(--on-dark-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;padding:10px 20px;font-size:13px;display:flex}.sample-notice p{margin:0}.sample-notice strong{color:var(--on-dark)}.sample-notice-links{gap:20px;display:flex}.sample-notice a{color:var(--on-dark)}.sample-notice :focus-visible{outline-color:var(--on-dark)}.sample-page .ts-scope{max-width:1440px;margin:0 auto}.sample-outline{padding:clamp(48px,7vw,96px) 0}.sample-outline h2{margin:0 0 24px;font-size:clamp(22px,2.6vw,30px)}.sample-outline ol{border-top:2px solid var(--ink);counter-reset:outline;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.sample-outline li{border-bottom:1px solid var(--line);padding:20px 20px 20px 0;font-weight:700}.sample-outline li:before{color:var(--muted);font-family:var(--font-mono);counter-increment:outline;content:"0" counter(outline);margin-bottom:8px;font-size:13px;font-weight:400;display:block}.sample-outline p{max-width:44em;color:var(--ink-2);margin:28px 0 0}.sample-variant{padding-top:clamp(40px,6vw,72px)}.sample-variant h2{margin:0 0 6px;font-size:clamp(22px,2.6vw,30px)}.sample-variant-summary{max-width:44em;color:var(--ink-2);margin:0 0 24px}.sample-variant .source{margin:14px 0 0}.sample-siblings{flex-wrap:wrap;gap:8px 20px;margin-top:24px;display:flex}.sample-title{padding-top:clamp(32px,5vw,56px)}.sample-title h1{margin:0 0 6px;font-size:clamp(26px,3.2vw,38px)}.sample-variant-photo{padding-top:clamp(24px,4vw,40px)}.sample-variant h3{margin:0 0 16px;font-size:clamp(18px,2.2vw,22px)}