/* 共通の操作。数と主操作はどの幅でも残す。 */
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible,[role=slider]:focus-visible{outline:2px solid #f2f2f4;outline-offset:4px}
button.thin-primary{background:#F2F2F4;color:#0B0B0D;border-color:#F2F2F4}
button:disabled{opacity:.48;cursor:default}
button.thin-primary:disabled{background:transparent;color:#b0b0b8;border-color:#484850}
.btns button{min-height:36px}
.art-box{width:100%;background:#0B0B0D;overflow:hidden}
.art-box canvas{width:100%!important;height:auto!important}
.tokoyo-card{margin:0;min-width:0;border:1px solid #26262B;border-radius:5px;overflow:hidden;background:#0B0B0D}
.card-bar{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 14px;padding:14px;border-top:1px solid #26262B}
.card-title{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;text-decoration:none;color:#F2F2F4;font-family:var(--m,serif);font-size:18px}
.card-title small{font-family:var(--g,sans-serif);color:#9A9AA0;font-size:10px;letter-spacing:.1em}
.card-chapter{font-size:11px;color:#9A9AA0}
.card-count{margin-left:auto;color:#b0b0b8;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.card-bar .btns{width:100%;display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}
.equation{margin:0;padding:10px 14px;color:#9A9AA0;font-size:12px;border-top:1px solid #26262B}
.equation summary{cursor:pointer;line-height:2}
.equation pre,#formula{max-width:100%;overflow:auto;white-space:pre;font:12px/1.8 ui-monospace,Menlo,monospace;color:#c8c8ce}
.equation>a{color:#b0b0b8;margin-left:18px}
.fp summary{cursor:pointer;color:#b0b0b8}
#catalog{margin:32px 0 0}
#catalog>summary{padding:20px 0;cursor:pointer;color:#c8c8ce;font-size:14px}
#catalog .works{margin-top:14px}
.section-title{font-family:var(--m,serif);font-size:20px;font-weight:400;margin:24px 0}
.section-title + .works{padding-top:0}
.film-works{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;margin-bottom:52px}
.film-nav{display:flex;flex-wrap:wrap;gap:6px 17px;max-width:25em;margin-top:24px;font-size:12px}
.film-nav span{width:100%;color:var(--faint,#9A9AA0)}
.film-nav a{color:var(--sub,#c8c8ce);text-underline-offset:5px}
.tokoyo-card{scroll-margin-top:20px}
.tokoyo-card:fullscreen,.tokoyo-card.full{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0B0B0D;overflow:auto}
.tokoyo-card:fullscreen .art-box,.tokoyo-card.full .art-box{width:var(--fsw)!important;flex-shrink:0}
.tokoyo-card:fullscreen .pic,.tokoyo-card.full .pic{display:block}
.tokoyo-card:fullscreen .card-bar,.tokoyo-card.full .card-bar{width:min(100%,760px)}
.tokoyo-card:fullscreen .equation,.tokoyo-card.full .equation{display:none}
.tokoyo-card.full{position:fixed;inset:0;z-index:99}
#track{cursor:ew-resize}
@media(max-width:560px){.hero{min-height:0!important;padding-top:30px!important}.intro{margin:30px 0!important;padding:0!important}.intro p{font-size:14px!important;line-height:2!important}.chs{margin-top:32px!important}.card-bar{padding:12px}.btns button{min-height:40px}#fig .bar .sec{display:block!important;width:100%;font-size:12px}.section-title{font-size:18px}}