@layer pages{.rec-page{padding-bottom:var(--section-space-lg)}.rec-hero{padding:clamp(24px,5vw,56px) 0 var(--section-space)}.rec-title{font-family:var(--font-display);font-size:var(--step-5);line-height:1.05;margin:8px 0 18px;background:var(--heading-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.rec-lead{font-size:var(--step-1);line-height:1.6;color:var(--text-2);max-width:var(--reading-max)}.rec-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.rec-progress{flex:1 1 240px}.rec-progress__bar{height:8px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.rec-progress__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--cta-gradient);transition:width var(--transition-mid)}.rec-progress__label{display:block;margin-top:8px;font-size:var(--step--1);color:var(--text-3)}.rec-actions{display:flex;flex-wrap:wrap;gap:8px}.rec-btn{font:inherit;font-size:var(--step--1);padding:9px 16px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer}.rec-btn:hover{border-color:var(--accent)}.rec-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rec-share-status{min-height:1.4em;margin:10px 0 0;font-size:var(--step--1);color:var(--text-3)}.rec-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.rec-filters__label{font-size:var(--step--1);color:var(--text-3);margin-right:4px}.rec-chip{font:inherit;font-size:var(--step--1);padding:6px 14px;color:var(--text-2);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer}.rec-chip:hover{border-color:var(--accent)}.rec-chip.is-active{color:#fff;background:var(--cta-gradient);border-color:transparent}:root:not([data-theme=dark]) .rec-chip.is-active{color:#fff}.rec-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rec-group{margin-top:var(--section-space)}.rec-group__title{font-family:var(--font-display);font-size:var(--step-2);color:var(--text);margin:0 0 6px}.rec-group__intro{margin:0 0 20px;color:var(--text-3);max-width:var(--reading-max)}.rec-items{list-style:none;margin:0;padding:0;display:grid;gap:12px}.rec-item{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.rec-item.is-have{border-color:var(--border-strong);background:var(--surface-2)}.rec-item__check{display:block;position:relative;width:26px;height:26px;margin-top:2px;cursor:pointer}.rec-item__check input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rec-item__box{display:block;width:26px;height:26px;border:2px solid var(--border-strong);border-radius:7px;background:var(--surface);transition:background var(--transition-fast),border-color var(--transition-fast)}.rec-item__check input:checked+.rec-item__box{background:var(--accent);border-color:var(--accent)}.rec-item__check input:checked+.rec-item__box:after{content:"";position:absolute;left:9px;top:4px;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.rec-item__check input:focus-visible+.rec-item__box{outline:3px solid var(--accent);outline-offset:2px}.rec-item__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:8px}.rec-item__name{font-size:var(--step-0);font-weight:700;color:var(--text);margin:0}.rec-item.is-have .rec-item__name{color:var(--text-2)}.rec-badge{font-size:var(--text-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid}.rec-badge--essential{color:var(--hue-red);border-color:var(--hue-red);background:color-mix(in srgb,var(--hue-red) 8%,transparent)}.rec-badge--important{color:var(--hue-orange);border-color:var(--hue-orange);background:color-mix(in srgb,var(--hue-orange) 8%,transparent)}.rec-badge--situational{color:var(--text-3);border-color:var(--border-strong)}.rec-item__body p{margin:0 0 6px;line-height:1.55;color:var(--text-2);font-size:var(--step--1)}.rec-item__what{color:var(--text)!important}.rec-item__why strong,.rec-item__where strong{color:var(--text)}.rec-item__note{margin-top:10px}.rec-item__note summary{display:inline-block;font-size:var(--step--1);color:var(--accent);cursor:pointer}.rec-item__note textarea{width:100%;margin-top:8px;padding:10px 12px;font:inherit;font-size:var(--step--1);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);resize:vertical}.rec-item__note textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.rec-item__note-print{display:none}.rec-footnote{margin-top:var(--section-space);padding-top:24px;border-top:1px solid var(--border);color:var(--text-3);font-size:var(--step--1)}.rec-footnote a{color:var(--accent)}@media print{.rec-toolbar,.rec-share-status,.rec-filters,.rec-footnote{display:none!important}.rec-item{break-inside:avoid}.rec-item__note summary,.rec-item__note textarea{display:none!important}.rec-item__note-print{display:block;margin-top:6px;padding-left:10px;border-left:2px solid #999;font-size:var(--text-small);color:#333}}}.rec-page.content.reading{--rec-ink: #3e2429;--rec-wine: #87394a;--rec-gold: #a8782d;--rec-rule: color-mix(in srgb, var(--rec-wine) 24%, transparent);width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding:0;overflow:clip;background:radial-gradient(circle at 14% 22%,color-mix(in srgb,var(--rec-gold) 6%,transparent),transparent 25rem),var(--bg)}#main.content:has(.rec-page),.route-transition:has(.rec-page){width:100%;max-width:none;padding-inline:0}.rec-hero{position:relative;isolation:isolate;display:grid;align-content:end;justify-items:start;gap:clamp(14px,1.7vw,24px);min-height:min(900px,88vh);padding:clamp(120px,15vh,190px) max(5vw,calc((100vw - 1480px)/2)) clamp(48px,7vw,88px);color:var(--rec-ink);overflow:hidden}.rec-hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.84) sepia(.08)}.rec-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#f9f2e5fa,#f9f2e5e8 34%,#f9f2e573 58%,#f9f2e514),linear-gradient(0deg,rgba(249,242,229,.94) 0%,transparent 34%)}.rec-hero:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:9px;background:linear-gradient(90deg,var(--rec-wine),var(--rec-gold) 48%,var(--rec-wine))}.rec-hero>.section-eyebrow{margin:0;color:var(--rec-gold);font-size:var(--text-caption);font-weight:800;letter-spacing:.2em;text-transform:uppercase}.rec-title{max-width:9ch;margin:0;color:var(--rec-ink);font-size:clamp(4.2rem,9vw,9.5rem);line-height:.82;letter-spacing:-.055em;text-wrap:balance}.rec-lead{max-width:58ch;margin:0;color:color-mix(in srgb,var(--rec-ink) 86%,transparent);font-size:var(--step-0);line-height:1.7}.rec-summary{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));width:min(100%,850px);margin:6px 0 0;padding:18px 0;border-block:1px solid var(--rec-rule)}.rec-summary>div{padding-inline:20px;border-left:1px solid var(--rec-rule)}.rec-summary>div:first-child{padding-left:0;border-left:0}.rec-summary dt{color:color-mix(in srgb,var(--rec-ink) 70%,transparent);font-size:var(--text-caption);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rec-summary dd{margin:4px 0 0;color:var(--rec-wine);font-family:var(--font-display);font-size:clamp(1.7rem,2.5vw,2.45rem);line-height:1}.rec-toolbar{width:min(100%,900px);margin:0;padding:20px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}.rec-progress__bar{height:7px;overflow:hidden;background:#3e242921;border:1px solid rgba(62,36,41,.12);border-radius:99px}.rec-progress__fill{background:linear-gradient(90deg,var(--rec-wine),var(--rec-gold))}.rec-actions{display:flex;flex-wrap:wrap;gap:10px}.rec-btn{min-height:42px;padding:9px 16px;color:var(--rec-ink);background:#fffbf299;border:1px solid color-mix(in srgb,var(--rec-wine) 30%,transparent);border-radius:2px;box-shadow:0 7px 18px #36231d12;font-weight:750}.rec-btn:hover{color:#fff9ed;background:var(--rec-wine);border-color:var(--rec-wine);transform:translateY(-2px)}.rec-btn--clear{margin-left:auto;color:color-mix(in srgb,var(--rec-ink) 75%,transparent);background:transparent;box-shadow:none}.rec-filters{display:flex;flex-wrap:wrap;gap:4px 20px;width:min(100%,900px);margin:0;padding:18px 0 0;background:transparent;border:0;border-top:1px solid var(--rec-rule);border-radius:0}.rec-filters__label{align-self:center;color:var(--rec-gold);font-size:var(--text-caption);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.rec-chip{padding:5px 0;color:var(--rec-ink);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0}.rec-chip:hover,.rec-chip.is-active{color:var(--rec-wine);background:transparent;border-bottom-color:var(--rec-gold)}.rec-share-status{color:var(--rec-ink)}#records-list{width:min(100%,1480px);margin-inline:auto;padding:clamp(60px,8vw,120px) clamp(24px,6vw,90px) 0;counter-reset:record-group}.rec-group{counter-increment:record-group;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);column-gap:clamp(44px,8vw,130px);margin:0;padding:clamp(50px,7vw,100px) 0;border-bottom:1px solid var(--rec-rule)}.rec-group:first-child{padding-top:0}.rec-group__title{position:relative;align-self:start;margin:0;padding-top:42px;color:var(--rec-ink);font-size:clamp(2.25rem,4vw,4.5rem);line-height:.97;letter-spacing:-.035em;text-wrap:balance}.rec-group__title:before{content:"0" counter(record-group) "  /  ARCHIVE";position:absolute;inset:0 auto auto 0;color:var(--rec-gold);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:800;letter-spacing:.16em}.rec-group__intro{grid-column:1;max-width:38ch;margin:18px 0 0;color:var(--text-2);line-height:1.7}.rec-items{grid-column:2;grid-row:1 / span 2;margin:0;border-top:1px solid var(--rec-rule)}.rec-item{margin:0;padding:clamp(24px,3vw,38px) 0;background:transparent;border:0;border-bottom:1px solid var(--rec-rule);border-radius:0;box-shadow:none}.rec-item:hover{transform:none;box-shadow:none}.rec-item.is-have{background:linear-gradient(90deg,color-mix(in srgb,var(--rec-gold) 7%,transparent),transparent 65%)}.rec-item__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px clamp(30px,5vw,76px)}.rec-item__head,.rec-item__what,.rec-item__note{grid-column:1 / -1}.rec-item__head{margin-bottom:8px}.rec-item__name{color:var(--rec-ink);font-family:var(--font-display);font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.18}.rec-badge{padding:0;color:var(--rec-gold);background:transparent;border:0;border-radius:0;font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase}.rec-item__check{margin-top:4px}.rec-item__check input{width:21px;height:21px;accent-color:var(--rec-wine)}.rec-item__why,.rec-item__where{margin:10px 0 0;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--rec-gold) 24%,transparent)}.rec-item__why strong,.rec-item__where strong{display:block;margin-bottom:4px;color:var(--rec-wine);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase}.rec-item__note{margin-top:16px}.rec-item__note summary{color:var(--rec-wine);font-weight:750;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--rec-gold) 55%,transparent);text-underline-offset:4px}.rec-item__note textarea{min-height:110px;margin-top:14px;padding:16px 18px;color:var(--text);background:color-mix(in srgb,var(--surface) 72%,transparent);border:0;border-left:3px solid var(--rec-gold);border-radius:0;box-shadow:inset 0 -1px color-mix(in srgb,var(--rec-wine) 18%,transparent)}.rec-footnote{width:min(calc(100% - 48px),1300px);margin:clamp(50px,7vw,100px) auto 0;padding:30px 0 clamp(70px,8vw,120px);border-top:1px solid var(--rec-rule)}[data-theme=dark] .rec-page.content.reading{--rec-ink: #f3e6cf;--rec-wine: #d69ab0;--rec-gold: #d9b76d;--rec-rule: rgba(217, 183, 109, .25)}[data-theme=dark] .rec-hero__photo{filter:brightness(.52) saturate(.72) sepia(.14)}[data-theme=dark] .rec-hero:before{background:linear-gradient(90deg,#09111cfa,#0a121de8 38%,#0a121d80 66%,#0a121d38),linear-gradient(0deg,rgba(9,17,28,.96),transparent 38%)}[data-theme=dark] .rec-lead,[data-theme=dark] .rec-share-status,[data-theme=dark] .rec-chip{color:#eadfcd}[data-theme=dark] .rec-btn{color:#f3e6cf;background:#0c1725a8;border-color:#d9b76d5c}[data-theme=dark] .rec-btn:hover{color:#111a26;background:var(--rec-gold)}@media (max-width: 850px){.rec-hero{min-height:auto;padding-top:150px}.rec-hero__photo{object-position:65% center}.rec-summary{grid-template-columns:repeat(2,1fr)}.rec-summary>div{padding:14px;border-top:1px solid var(--rec-rule)}.rec-summary>div:nth-child(odd){padding-left:0;border-left:0}.rec-group{display:block}.rec-group__intro{margin-bottom:30px}.rec-item__body{grid-template-columns:1fr}.rec-item__why,.rec-item__where{grid-column:1}}@media (max-width: 520px){.rec-hero{padding-inline:20px}.rec-title{font-size:clamp(3.7rem,20vw,5.4rem)}.rec-summary{grid-template-columns:1fr}.rec-summary>div{padding-inline:0;border-left:0}.rec-btn--clear{margin-left:0}#records-list{padding-inline:20px}}@media print{.rec-hero__photo,.rec-summary,.rec-btn--clear{display:none!important}.rec-hero{min-height:0;padding:0}}