.pub{color:var(--ink)}.pub .pub-rows>*+*{border-top:1px solid var(--line)}.pub .pub-row{align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.pub a.pub-row:hover,.pub button.pub-row:hover,.pub .pub-row[aria-pressed=true]{background:var(--surface-2)}.pub .pub-row.pub-col{flex-direction:column;justify-content:center;align-items:stretch;gap:2px}.pub .pub-head{justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px 10px;display:flex}.pub .pub-body{padding:6px 16px 14px}@media (min-width:760px){.pub .pub-head{padding:16px 20px 10px}.pub .pub-body{padding:6px 20px 16px}.pub .pub-row{padding:10px 20px}}.pub .pub-h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.08}.pub .pub-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600;line-height:1.3}.pub .pub-stat-lg{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(36px,4vw,48px);font-weight:500;line-height:1}.pub .pub-track{height:18px;position:relative}.pub .pub-track:before{content:"";background:var(--surface-2);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;position:absolute;top:6px;left:0;right:0}.pub .pub-track-centre{background:var(--muted);width:1px;height:14px;position:absolute;top:2px;left:50%;transform:translate(-.5px)}.pub .pub-track-fill{border-radius:2px;height:6px;position:absolute;top:6px}.pub .pub-track-thumb{background:var(--surface);border:2px solid var(--ink);width:14px;height:14px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:2px;transform:translate(-50%)}.pub .pub-risk{background:var(--surface-2);width:72px;height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;flex:none;position:relative;overflow:hidden}.pub .pub-risk>span{background:var(--ink);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.pub .pub-split{background:var(--surface-2);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;display:flex;overflow:hidden}.pub .pub-cardbox{background:var(--page);border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #0e111614,0 1px 2px #0e11160f,0 16px 40px -14px #1c183847}.pub .pub-cardbox [data-card-box]{border-radius:0!important}.pub .pub-empty{text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:8px;margin:0;padding:18px 16px;font-size:14px}.pub .pub-note{background:var(--surface-2);color:var(--muted);border-radius:8px;margin:0;padding:12px 16px;font-size:14px;line-height:1.55}.pub .pub-link{background:var(--surface-2);min-width:0;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:10px 12px;font-size:13px;display:block;overflow:hidden}.pub .pub-tile{text-align:left;width:100%;height:100%;transition:transform var(--dur-2,.2s) var(--ease-out,ease-out);flex-direction:column;gap:10px;padding:10px;display:flex}.pub .pub-tile:hover{transform:translateY(-1px)}.pub .pub-tile:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.pub .pub-tile{transition:none}}.pub .pub-landing-top{flex-direction:column;gap:20px;display:flex}@container pub (min-width:600px){.pub .pub-landing-top{grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-areas:"card intro""how how";align-items:start;gap:32px;display:grid}.pub .pub-landing-top>[data-part=card]{grid-area:card}.pub .pub-landing-top>.pub-landing-intro{grid-area:intro;padding-top:4px}.pub .pub-landing-top>[data-part=how]{grid-area:how}}@container pub (min-width:768px){.pub .pub-landing-top{grid-template:"card intro""card how"1fr/minmax(0,460px) minmax(0,1fr);gap:24px 48px}.pub .pub-landing-top>.pub-landing-intro{padding-top:8px}}.pub .pub-owner-top{flex-direction:column;gap:20px;display:flex}@container pub (min-width:600px){.pub .pub-owner-top{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.pub .pub-owner-top>.pub-owner-intro{padding-top:8px}}@container pub (min-width:768px){.pub .pub-owner-top{grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:48px}}
