.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:var(--head-gap)}.section-head-hidden{height:0;margin:0}.section-title{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.section-title h2{font-size:var(--text-title);line-height:1.3;letter-spacing:-.015em;font-weight:600;color:var(--color-ink);text-wrap:balance}.section-chip{order:-1;position:relative;display:grid;place-items:center;width:var(--chip-size);height:var(--chip-size);flex:none;padding:0;border:0;border-radius:var(--radius-ctl);background:var(--color-soft);color:var(--color-muted);transition:transform var(--duration-base) var(--ease-spring)}.section-chip:after{content:"";position:absolute;inset:-.375rem}.section-chip>.icon{grid-area:1 / 1;transition:opacity var(--duration-fast) ease,transform var(--duration-base) var(--ease-spring)}.chip-link,.chip-check{opacity:0;transform:scale(.4) rotate(-30deg)}.section-chip:focus-visible,.section-chip[data-copied]{color:var(--color-ink)}.section-chip:focus-visible .chip-glyph,.section-chip[data-copied] .chip-glyph{opacity:0;transform:scale(.4)}.section-chip:focus-visible:not([data-copied]) .chip-link{opacity:1;transform:none}.section-chip[data-copied] .chip-link{opacity:0;transform:scale(.4) rotate(-30deg)}.section-chip[data-copied] .chip-check{opacity:1;transform:none}.section-chip:active{transform:scale(var(--press-scale-icon));transition-duration:var(--duration-press);transition-timing-function:var(--ease-out)}.section-meta{font-size:var(--text-small);color:var(--color-muted);white-space:nowrap;flex:none}.section-meta:empty{display:none}.section-link{display:inline-flex;align-items:center;min-height:var(--touch-target);margin-block:-.375rem;font-size:var(--text-small);color:var(--color-muted);text-decoration:none;white-space:nowrap}.tip{position:fixed;left:0;top:0;z-index:90;max-width:calc(100vw - 1rem);padding:.25rem .5rem;border-radius:.5rem;background:var(--color-ink);color:var(--color-bg);font-size:var(--text-small);line-height:1.4;white-space:nowrap;opacity:0;transform:translate(-50%) scale(.96);transform-origin:50% 0;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);pointer-events:none}.tip[data-show]{opacity:1;transform:translate(-50%)}.tip[data-instant]{transition:none}.site-toast{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom));left:50%;z-index:100;max-width:calc(100vw - 2.5rem);padding:.625rem 1rem;border-radius:var(--radius-pill);color:var(--color-bg);background:var(--color-ink);font-size:var(--text-small);font-weight:600;box-shadow:var(--shadow-avatar);opacity:0;transform:translate(-50%,.75rem);transition:opacity var(--duration-fast),transform var(--duration-base) var(--ease-spring);pointer-events:none;text-align:center}.site-toast[data-show]{opacity:1;transform:translate(-50%)}.site-toast svg{display:inline-block;vertical-align:middle;margin-right:.5rem}@media(prefers-reduced-motion:no-preference){.site-toast[data-show] path{stroke-dasharray:1;animation:toast-check var(--duration-base) var(--ease-out) backwards}}@keyframes toast-check{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.avatar-greeting{position:absolute;left:calc(100% + .75rem);top:0;z-index:5;width:max-content;max-width:12.5rem;padding:.625rem .75rem;border:1px solid var(--color-line);border-radius:.25rem .75rem .75rem;background:var(--color-bg);color:var(--color-ink);font-size:var(--text-small);font-weight:400;line-height:1.5;text-align:left;opacity:0;transform:scale(.94);transform-origin:left top;transition:opacity var(--duration-base),transform var(--duration-base) var(--ease-spring);pointer-events:none}.avatar[data-greet] .avatar-greeting,.avatar:focus-visible .avatar-greeting{opacity:1;transform:none}.avatar-small .avatar-greeting{display:none}@media(hover:hover)and (pointer:fine){.section-title:hover .section-chip{color:var(--color-ink)}.section-title:hover .section-chip:not([data-copied]) .chip-glyph{opacity:0;transform:scale(.4)}.section-title:hover .section-chip:not([data-copied]) .chip-link{opacity:1;transform:none}.section-link:hover{color:var(--color-ink)}.avatar:hover .avatar-greeting{opacity:1;transform:none}}@media(max-width:62rem){.avatar-greeting{display:none}}@media(max-width:36rem){.section-head{margin-bottom:var(--head-gap-mobile)}.section-head-hidden{margin:0}}@media(prefers-reduced-motion:reduce){.section-chip,.section-chip:active,.section-chip .icon{transform:none!important}.tip{transform:translate(-50%)}}
