.prog{z-index:50;background:0 0;height:4px;position:fixed;top:0;left:0;right:0}.prog i{background:var(--hl);width:0;height:100%;transition:width .1s linear;display:block}.art .wrap-narrow{max-width:820px;margin:0 auto;padding:2.4rem 1.25rem 3rem}.art .crumb{color:var(--mu);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1rem;font-size:14px;overflow:hidden}.art h1{font-size:clamp(2rem,4.2vw,3rem)}.art .lead{color:#444;margin-top:1rem;font-size:1.25rem;line-height:1.55}.art .meta{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.6rem 0;padding:1.2rem 0;display:flex}.art .who{align-items:center;gap:.8rem;display:flex}.art .av{background:var(--base);width:44px;height:44px;color:var(--hl);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.art .who b{color:var(--base);display:block}.art .who span{color:var(--mu);font-size:14px}.art .rt{color:var(--mu);align-items:center;gap:.4rem;font-size:15px;display:flex}.art .rt svg{width:18px;height:18px}.tocwrap{margin:1.2rem 0 1.6rem}.toc{background:var(--tint);border-radius:12px;padding:.9rem 1.2rem}.toc summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.toc summary::-webkit-details-marker{display:none}.toc .cnt{color:var(--mu);font-size:14px}.toc ol{flex-direction:column;gap:.35rem;margin:.8rem 0 0;padding-left:1.3rem;display:flex}.toc a{color:var(--base)}.toc a.on{font-weight:800}.tldr{background:var(--tint);border-left:4px solid var(--hl);border-radius:0 12px 12px 0;margin:1.6rem 0;padding:1.2rem 1.4rem}.tldr p{margin:.5rem 0 0}.tldr .dot{background:var(--hl);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:.4rem;display:inline-block}.art .body{font-size:1.1rem;line-height:1.75}.art .body h2{margin:2.2rem 0 .8rem;scroll-margin-top:90px}.art .body h3{margin:1.6rem 0 .6rem}.art .body p{margin:0 0 1.1rem}.art .body ul,.art .body ol{margin:0 0 1.1rem;padding-left:1.4rem}.art .body li{margin:.3rem 0}.art .body img{border-radius:12px;margin:1.2rem 0}.art .cover{border-radius:14px;width:100%;height:auto;margin:1.2rem 0 .4rem;display:block}.art .body .kasten{background:var(--tint);border-left:4px solid var(--hl);border-radius:0 12px 12px 0;margin:1.4rem 0;padding:1rem 1.2rem}.art .body .kasten.warn{background:#fff6e5;border-left-color:#e8a33d}.art .body .kasten strong{color:var(--base);display:block}.art .body .kasten p{margin:.3rem 0 0}.art .body table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:1rem}.art .body th,.art .body td{border-bottom:1px solid var(--ln);text-align:left;padding:.7rem .8rem}.art .body th{background:var(--tint);letter-spacing:.06em;text-transform:uppercase;color:var(--mu);font-size:13px}.art .body blockquote{border-left:4px solid var(--base2);background:#fff;border-radius:0 10px 10px 0;margin:1.2rem 0;padding:.8rem 1.2rem}.art .body a{text-underline-offset:3px;text-decoration:underline}.fb{border:1px solid var(--ln);background:#fff;border-radius:14px;margin-top:2.5rem;padding:1.6rem 1.8rem}.fb h2{font-size:1.3rem}.stars{gap:.4rem;margin-top:1rem;display:flex}.stars button{color:#d9dce2;cursor:pointer;background:0 0;border:0;padding:.2rem;font-size:2rem;line-height:1}.stars button.on,.stars button:hover,.stars button:hover~button.on{color:#f2b51c}.fbmsg{color:var(--mu);margin-top:.8rem;font-style:italic}.rel{background:var(--paper)}.rel h2{margin-top:.3rem}.rel .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.4rem;display:grid}.rc{border:1px solid var(--ln);color:var(--fg);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.rc:hover{box-shadow:var(--shadow);text-decoration:none}.rc img,.rc .ph{object-fit:cover;background:var(--tint);width:100%;height:220px}.rc .rt2{flex-direction:column;gap:.5rem;padding:1rem 1.2rem 1.2rem;display:flex}.rc .tag{background:var(--base2);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:.25rem .5rem;font-size:11px;font-weight:800}.rc b{color:var(--base);font-size:1.1rem}.rc .more{color:var(--base2);font-size:15px;font-weight:700}.resume{background:var(--base);color:#fff;z-index:40;border-radius:999px;align-items:center;gap:.8rem;max-width:calc(100vw - 2rem);padding:.6rem .7rem .6rem 1.2rem;font-size:15px;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}.resume b{color:#fff}.resume #resume-x{color:#fff;cursor:pointer;background:0 0;border:0;padding:.3rem;font-size:16px}@media (width<=760px){.rel .grid{grid-template-columns:minmax(0,1fr)}.resume{bottom:5.4rem}.resume span{display:none}.art .body table{display:block;overflow-x:auto}}