.canon-read{max-width:var(--w-read);margin-inline:auto}.cn-pitaka{scroll-margin-top:calc(var(--site-header-h, 4rem) + 1rem)}.cn-chips{display:flex;flex-wrap:wrap;gap:.4rem}.cn-chip{display:inline-flex;align-items:baseline;gap:.4em;padding:.4em .9em;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-song)}.cn-chip:hover{border-color:rgb(var(--kepan-rgb) / .45)}.cn-chip .cnt{font-family:var(--font-hei);font-size:.8em;color:var(--soft)}.cn-grid{display:grid;gap:.6rem;grid-template-columns:1fr}@media(min-width:640px){.cn-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.cn-grid{grid-template-columns:1fr 1fr 1fr}}.cn-card{display:block;border:1px solid var(--line);background:var(--card);border-radius:var(--radius-box, .875rem);padding:.75rem 1rem}.cn-card:hover{border-color:rgb(var(--kepan-rgb) / .45)}.cn-card .t{font-family:var(--font-song);font-size:1.08em;font-weight:700;color:var(--ink)}.cn-card .m{margin-top:.2em;font-size:.82em;color:var(--soft)}.cn-table,.cn-toggle-row{display:none}.cn-table table{width:100%}.cn-table th{font-family:var(--font-hei);font-weight:600;color:var(--soft);text-align:left}.cn-table td{text-align:left}.cn-table .nm{font-family:var(--font-song);font-weight:600;color:var(--ink)}@media(min-width:640px){.cn-toggle-row{display:flex}.layout-table .cn-table{display:block}.layout-table .cn-grid,.layout-grid .cn-table{display:none}.layout-grid .cn-grid{display:grid}}.cn-mods{display:grid;gap:.4rem;grid-template-columns:1fr}@media(min-width:640px){.cn-mods{grid-template-columns:1fr 1fr}}.cn-mod{display:flex;gap:.6rem;align-items:baseline;border:1px solid var(--line);background:var(--card);border-radius:.625rem;padding:.55rem .8rem}.cn-mod:hover{border-color:rgb(var(--kepan-rgb) / .45)}.cn-mod .no{min-width:2.2em;font-family:var(--font-song);font-weight:700;color:var(--kepan)}.cn-mod .nm{font-family:var(--font-song);color:var(--ink)}.read-crumb{padding-block:.9rem 0;font-family:var(--font-hei);font-size:.85em;color:var(--soft)}.read-crumb a{color:var(--soft);text-decoration:none}.read-crumb a:hover{color:var(--kepan)}.read-crumb .sep{margin-inline:.4em}.read-bar{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.cn-nav{display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;align-items:center;padding-block:.5rem}.cn-nav .arrow{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:2.75rem;border:1px solid var(--line);background:var(--card);border-radius:999px;color:var(--kepan);font-size:1.1em}.cn-nav .arrow[aria-disabled=true]{opacity:.35;pointer-events:none}.cn-nav select{width:100%;min-height:2.75rem;appearance:none;-webkit-appearance:none;padding:.4em 2.4em .4em .95em;border:1px solid var(--line);border-radius:999px;background-color:var(--card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c514a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1em center;background-size:1em;color:var(--ink);font-family:var(--font-song)}.cn-typo>summary{list-style:none}.cn-typo>summary::-webkit-details-marker{display:none}.cn-typo-pop{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;padding:.6rem .75rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-box, .875rem)}.cn-typo-lbl{font-family:var(--font-hei);font-size:.85em;color:var(--soft)}.canon{font-family:var(--font-song);color:var(--ink);font-size:var(--base)}.canon .pin-title{text-align:center;font-size:1.25em;font-weight:700;margin:.2em 0 1em}.canon .heading{font-weight:700;font-size:1.1em;margin:1.2em 0 .4em}.canon .body{margin:.7em 0;text-indent:2em;text-align:justify;line-height:var(--prose-leading, 1.9)}.canon .verse,.canon .homage{margin:.9em 0;text-align:center;line-height:var(--prose-leading, 1.9);letter-spacing:.06em}.canon .verse .vline{margin:.12em 0}.canon .colophon{margin-top:1.6em;text-align:right;font-size:.92em;color:var(--soft)}.canon .toc{margin:.4em 0;line-height:var(--prose-leading, 1.9)}