@layer pages{.dhead__inner,.drecord__inner{z-index:1;max-width:var(--max);padding:var(--sect-y) var(--gutter);margin:0 auto;position:relative}.dhead__inner{gap:1.75rem;padding-top:clamp(2.75rem,5.4vw,6rem);padding-bottom:clamp(2.25rem,4vw,4rem);display:grid}.dhead__demo{max-width:72ch}.dhead__grid{align-items:center;gap:clamp(1.75rem,4vw,3.5rem);display:grid}@media (min-width:1024px){.dhead__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.dhead__copy{justify-items:start;gap:1.25rem;display:grid}.dhead h1{font-size:var(--fs-1);max-width:16ch}.dhead__status{flex-wrap:wrap;align-items:center;gap:.625rem 1rem;display:flex}.dhead__status .tag{height:1.75rem;font-size:var(--fs-meta);padding:0 .625rem}.dhead__renew{font-size:var(--fs-meta);color:var(--fg-soft)}.dhead__renew b{color:var(--fg);font-weight:500}.dhead__renew[hidden]{display:none}.dhead__card .idcard{max-width:27.5rem;box-shadow:var(--sh-lifted);transform:rotate(-1.5deg)}@media (min-width:1024px){.dhead__card .idcard{margin-left:auto}}.drecord__inner{gap:clamp(2.25rem,5vw,4.5rem);display:grid}@media (min-width:1024px){.drecord__inner{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start}}.drecord__main{gap:clamp(3.5rem,7vw,6.5rem);min-width:0;display:grid}.drec{scroll-margin-top:1rem}.drec__title{font-size:var(--fs-2);max-width:15ch;margin-bottom:clamp(1.25rem,3vw,2rem)}.drec__sub{color:var(--fg-soft);margin-bottom:.875rem;font-size:.9375rem;font-weight:500}.drec__note{font-size:var(--fs-meta);color:var(--fg-soft);margin-top:1rem}.timeline{border-left:.125rem solid var(--line-2);margin-left:.375rem;display:grid;position:relative}.tl{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1.25rem;padding:.875rem 0 .875rem 1.375rem;display:grid;position:relative}.tl:before{content:"";background:var(--surface-2);width:.75rem;height:.75rem;box-shadow:inset 0 0 0 .125rem var(--line-3);border-radius:50%;position:absolute;top:1.1875rem;left:-.4375rem}.tl.is-done:before{background:var(--blue-ink);box-shadow:none}.tl.is-now:before{box-shadow:0 0 0 .25rem var(--blue-soft)}.tl.is-future{color:var(--fg-soft)}.tl__title{letter-spacing:-.015em;font-weight:500}.tl__date{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--fg-soft);white-space:nowrap}.tl__note{color:var(--fg-soft);grid-column:1/-1;font-size:.875rem}@media (max-width:480px){.tl{grid-template-columns:1fr;gap:.125rem}}.drec__score{align-items:start;gap:1.75rem;display:grid}@media (min-width:760px){.drec__score{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.drec__hints{border-radius:var(--r-well);background:var(--ice-2);margin-top:1.125rem;padding:1rem 1.25rem .5rem}.drec__hints[hidden]{display:none}.drec__hints h3{font-size:.9375rem}.drec__hints .ledger{font-size:.875rem}.drec__hints .ledger__row>b{font-family:var(--f-mono);color:var(--blue-ink)}.docs{border-top:1px solid var(--line-2);display:grid}.doc{border-bottom:1px solid var(--line);grid-template-columns:2.5rem minmax(0,1fr) auto auto;align-items:center;gap:.875rem;padding:.875rem 0;display:grid}.doc__icon{background:var(--ice);border-radius:50%;place-items:center;width:2.625rem;height:2.625rem;display:grid}.doc__icon svg{fill:none;width:1.1875rem;height:1.1875rem;stroke:var(--blue-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.doc__body{gap:.125rem;min-width:0;display:grid}.doc__body b{font-weight:500}.doc__body span{font-size:var(--fs-meta);color:var(--fg-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc__date{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--fg-soft);white-space:nowrap}@media (max-width:640px){.doc{grid-template-columns:2.5rem minmax(0,1fr)}.doc .tag,.doc__date{grid-column:2;justify-self:start}}.drec__activity{gap:2rem;display:grid}.vouches,.mposts{gap:.75rem;display:grid}.mposts .post:first-child{border-top:1px solid var(--line-2)}.drecord__rail{gap:.75rem;display:grid}.rail{justify-items:start;gap:.875rem;display:grid}.rail h2{font-size:var(--fs-4);letter-spacing:-.02em}.rail>p{color:var(--fg-soft);font-size:.9375rem}.rail__meta{font-size:var(--fs-meta);color:var(--fg-soft)}.rail__meta[hidden]{display:none}.rail__head{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.rail__ring{flex:none;place-items:center;width:3.75rem;height:3.75rem;display:grid;position:relative}.rail__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.rail__ring b{font-family:var(--f-mono);font-size:.8125rem;font-weight:600}.checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .875rem;width:100%;display:grid}.checklist li{color:var(--fg-soft);padding-left:1.5rem;font-size:.9375rem;position:relative}.checklist li:before{content:"";background:var(--line-3);width:.625rem;height:1.5px;position:absolute;top:.6875rem;left:.125rem}.checklist li.is-done{color:var(--fg)}.checklist li.is-done:before{border-left:1.75px solid var(--blue-ink);border-bottom:1.75px solid var(--blue-ink);background:0 0;width:.625rem;height:.3125rem;top:.375rem;transform:rotate(-45deg)}.invite{gap:.625rem;width:100%;display:grid}.invite[hidden]{display:none}.invite__code{font-family:var(--f-mono);letter-spacing:.08em;color:var(--blue-ink);font-size:1.375rem;font-weight:500}.invite .btn{justify-self:start}.rail__ledger{width:100%;font-size:.875rem}.rail__link{border-radius:var(--r-field);width:100%;min-height:2.875rem;color:var(--fg);text-align:left;transition:background var(--t-hover);background:#f3f7fc12;justify-content:space-between;align-items:center;gap:.75rem;padding:0 1rem;font-size:.9375rem;font-weight:450;display:flex}.rail__link:hover{background:#f3f7fc21}.rail__link svg{fill:none;width:1rem;height:1rem;stroke:var(--sky);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.rail__link[hidden]{display:none}}