/* A quiet, locally served home for real voices. No external fonts or assets. */
:root{--knote-bg:#F8EFE6;--knote-bg-soft:#F3E7E2;--knote-ink:#2E2E2E;--knote-muted:#665C59;--knote-line:#E5CEC8;--knote-brand:#5B1E23;--knote-brand-strong:#40171B;--knote-brand-soft:#F3E7E2;--knote-accent:#C76B57;--bs-body-bg:var(--knote-bg);--bs-primary-rgb:155,61,54}
.family-shell{font-size:14px}.family-shell .app-sidebar{background:#efeee5;border-color:#e2e1d5}.family-shell .workspace-topbar{background:#faf8f3}.family-shell .app-container{max-width:1250px}.family-shell h1,.family-heading h1,.archive-hero h1,.family-shell .page-header__title{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}.family-brand{gap:11px}.family-brand .app-brand__mark{border-radius:50%;background:#9B3D36;color:#fff;font-family:Georgia,serif}.family-brand__name{font-family:Georgia,serif;font-size:29px;line-height:.85;letter-spacing:-1px;color:#5B1E23}.family-brand__name small{display:block;font-family:"Segoe UI",sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:3px;line-height:2.2}.family-shell .sidebar-note strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.family-shell .sidebar-note{font-size:16px;line-height:1.6}.family-shell .sidebar-note span{font-size:12px;line-height:1.6;margin-top:9px}.local-badge{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#7A3032}.local-badge>span{width:5px;height:5px;border-radius:50%;background:#9B3D36}.family-page{display:flex;flex-direction:column;gap:31px}.family-eyebrow{display:block;text-transform:uppercase;letter-spacing:1.65px;font-size:12px;font-weight:700;color:#837252;margin-bottom:9px}.family-muted{font-size:12px;color:var(--knote-muted)}.archive-hero{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:25px;padding:16px 6px 22px}.archive-hero h1{font-size:clamp(35px,3.65vw,53px);line-height:1.12;margin:14px 0 18px}.archive-hero p{line-height:1.85;font-size:14px}.family-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.family-actions .btn{padding:10px 17px}.voice-orbit{position:relative;width:255px;height:255px;margin:auto;display:flex;align-items:center;justify-content:center;background:#eeecdf;border-radius:50%;transform:rotate(-8deg)}.voice-orbit__ring{position:absolute;inset:17px;border:1px solid #D9A7A0;border-radius:50%}.voice-orbit__ring--two{inset:33px}.voice-orbit__center{width:135px;height:100px;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(8deg);margin-top:-20px}.voice-orbit__center i{width:6px;border-radius:7px;background:#C76B57}.voice-orbit__caption{position:absolute;bottom:48px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-style:italic;line-height:1.3;color:#7A3032;font-size:15px;transform:rotate(8deg)}.archive-overview{border-top:1px solid var(--knote-line);border-bottom:1px solid var(--knote-line);padding:17px 4px;display:flex;gap:31px;align-items:center;color:#7a7d70;font-size:12px}.archive-overview strong{font-size:18px;font-weight:500;margin-right:4px;color:var(--knote-ink)}.archive-overview__note{margin-left:auto;font-family:Georgia,serif;font-style:italic;font-size:14px}.memory-search{display:flex;align-items:center;gap:14px;background:white;border:1px solid #F3E7E2;border-radius:10px;padding:9px 10px 9px 19px;box-shadow:0 3px 13px #47452a04}.memory-search>svg{color:#715250}.memory-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;padding:11px 0;font-size:13px;color:var(--knote-ink)}.memory-search:focus-within{outline:2px solid #C76B57;outline-offset:3px}.memory-search .btn{white-space:nowrap;min-height:42px}.family-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.family-section-heading h2{font-size:22px;font-weight:400;font-family:Georgia,serif;margin:0}.family-section-heading .family-eyebrow{margin-bottom:6px}.family-section-heading>a{font-size:12px;white-space:nowrap}.people-strip{display:flex;gap:27px;overflow-x:auto;padding:2px 2px 12px}.person-mini{min-width:88px;max-width:120px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px}.person-portrait{height:66px;width:66px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#7A3032;background:#F3E7E2;font-family:Georgia,serif;font-size:27px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px #F3E7E2}.person-portrait img{width:100%;height:100%;object-fit:cover}.person-mini strong{font-size:12px;font-weight:600;line-height:1.4}.person-mini>span:last-child{font-size:12px;color:#7A3032;line-height:1.35}.person-mini--add .person-portrait{background:transparent;border:1px dashed #D9A7A0;box-shadow:none}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.memory-card{border:1px solid var(--knote-line);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s}.memory-card:hover{box-shadow:0 7px 24px #5B1E2310}.memory-card__cover{position:relative;height:165px;display:flex;background:#F3E7E2;overflow:hidden;align-items:center;justify-content:center}.memory-card__cover img{width:100%;height:100%;object-fit:cover}.memory-card:nth-child(3n+2) .memory-card__cover--voice{background:#ece4d9}.memory-card:nth-child(3n+3) .memory-card__cover--voice{background:#F3E7E2}.memory-wave{display:flex;align-items:center;gap:5px;opacity:.8}.memory-wave i{width:4px;background:#C76B57;border-radius:4px}.memory-card:nth-child(3n+2) .memory-wave i{background:#af8d72}.memory-card:nth-child(3n+3) .memory-wave i{background:#C76B57}.memory-duration{position:absolute;bottom:12px;right:12px;font-size:12px;background:#F3E7E2e8;padding:3px 8px;border-radius:4px;color:#7A3032}.memory-card__body{padding:17px 19px 18px}.memory-card__date{font-size:12px;color:#8e8775;margin-bottom:7px}.memory-card h3{font-family:Georgia,serif;font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.3px;margin:0 0 9px;overflow-wrap:anywhere}.memory-card h3 a{color:#5B1E23}.memory-card__people{font-size:12px;line-height:1.6;margin:0;color:#715250}.memory-card__people a{color:inherit}.memory-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.memory-tags a{font-size:12px;background:#F3E7E2;color:#7A3032;padding:3px 7px;border-radius:4px}.family-empty{padding:45px 30px;text-align:center;background:#f3f2e9;border:1px dashed #F3E7E2;border-radius:12px}.family-empty__icon{display:inline-flex;align-items:center;justify-content:center;height:69px;width:69px;background:#F3E7E2;border-radius:50%;color:#7A3032;margin-bottom:18px}.family-empty h2,.family-empty h3{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.5px}.family-empty p{max-width:490px;margin:10px auto 22px;font-size:13px;line-height:1.8}.family-empty>.text-link{display:block;margin-top:15px;font-size:12px}.prompt-section{border-top:1px solid var(--knote-line);padding-top:29px}.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.prompt-card{border:1px solid #e5e0cf;background:#f2efe4;border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:13px;transition:background .2s}.prompt-card:hover{background:#eae8d9}.prompt-card>span:first-child{font-size:12px;color:#9b805e;text-transform:uppercase;letter-spacing:1.4px}.prompt-card h3{font-family:Georgia,serif;font-size:20px;line-height:1.4;font-weight:400;color:#7A3032;margin:0 0 9px}.prompt-card__action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px;color:#7A3032}.local-footnote{text-align:center;font-size:12px;color:#888674;margin:0}.family-heading h1{font-size:39px;line-height:1.2;margin:8px 0 15px}.family-heading>p,.family-heading>div>p{max-width:690px;font-size:14px;line-height:1.8}.family-panel{padding:25px;border:1px solid var(--knote-line);background:#fff;border-radius:11px;align-self:start}.family-panel h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0 0 15px}.family-panel>p{font-size:12px}.family-panel .form-label{font-size:12px}.family-panel .form-text{font-size:12px;line-height:1.6}.family-panel .form-control,.family-panel .form-select{font-size:12px;min-height:40px}.family-panel summary{font-weight:600;font-size:12px}.family-panel[open]>summary{margin-bottom:15px}.people-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:27px;align-items:start}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.person-card{border:1px solid var(--knote-line);border-radius:10px;padding:25px 15px;text-align:center;background:#fff}.person-card h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin-top:17px}.person-card p{font-size:12px;margin-bottom:12px}.person-card>span:last-child{font-size:12px;color:#85836f}.person-portrait--large{width:93px;height:93px;font-size:39px}.family-breadcrumb{display:flex;gap:10px;font-size:12px;color:#8a887b}.person-header{display:flex;gap:22px;align-items:center}.person-header h1{font-size:43px;margin:0 0 7px}.person-header p{font-size:12px;margin:0}.person-header .btn{margin-left:auto}.memory-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.story-heading{display:flex;gap:25px;justify-content:space-between;align-items:start}.story-heading h1{font-size:42px;overflow-wrap:anywhere}.story-heading>.btn{margin-top:27px;font-size:12px;white-space:nowrap}.story-people{display:flex;flex-wrap:wrap;gap:17px;margin-top:15px}.story-people a{display:flex;align-items:center;gap:7px;font-size:12px}.story-people .person-portrait{width:28px;height:28px;font-size:13px;border-width:1px}.story-prompt{border-left:2px solid #baaa85;margin:0;padding:8px 19px}.story-prompt span{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#94866c}.story-prompt p{font-family:Georgia,serif;font-size:22px;color:#7A3032;margin:5px 0}.story-player{background:#F3E7E2;border:1px solid #F3E7E2;border-radius:12px;padding:23px 27px}.story-player__heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.story-player__mark{width:47px;height:47px;background:#F3E7E2;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#7A3032}.story-player h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0 0 3px}.story-player p{font-size:12px;margin:0}.story-player__download{margin-left:auto}.story-player audio{width:100%;display:block;height:42px}.story-player .moment-notice{margin:15px 0 10px;font-size:12px;color:#7A3032}.story-player>.btn{font-size:12px}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:27px;align-items:start}.story-main,.story-aside{display:flex;flex-direction:column;gap:25px;min-width:0}.story-aside .family-panel{width:100%;padding:22px}.story-transcript{background:#fff;border:1px solid var(--knote-line);border-radius:11px;padding:26px}.story-transcript .family-section-heading{margin-bottom:9px}.transcript-trust{font-size:12px;margin:0 0 20px}.story-tabs{display:flex;gap:6px;border-bottom:1px solid var(--knote-line);margin:0 -4px 20px;padding:0 4px 10px}.story-tabs button{border:0;background:transparent;border-radius:5px;font-size:12px;padding:7px 10px;color:#715250}.story-tabs button.is-active{background:#F3E7E2;color:#7A3032;font-weight:600}.transcript-version{font-size:12px;font-style:italic;color:#97917d;margin-bottom:20px}.story-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,serif;font-size:17px;line-height:1.95;color:#7A3032}.story-transcript__footer{display:flex;gap:20px;justify-content:space-between;margin-top:27px;padding-top:18px;border-top:1px solid var(--knote-line);font-size:12px}.story-segment{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:13px 7px;border-radius:5px}.story-segment.is-playing{background:#F3E7E2}.story-segment p{font-size:13px;line-height:1.8;color:#7A3032;margin:0}.story-segment p strong{display:block;font-size:12px;color:#715250;font-weight:600}.story-timestamp{align-self:start;border:1px solid #F3E7E2;background:#F3E7E2;font-size:12px;color:#7A3032;padding:5px 3px;border-radius:4px;min-height:36px}.family-empty--small{padding:25px 22px;background:#F3E7E2;border:0}.family-empty--small h3{font-size:22px}.family-empty--small form{max-width:300px;margin:auto;text-align:left}.story-person-picker{margin:20px 0}.story-person-picker legend{font-size:12px;font-weight:600;float:none;width:auto;margin-bottom:10px}.story-person-picker>label{display:flex;align-items:center;gap:9px;font-size:12px;min-height:36px}.story-person-picker input{accent-color:#7A3032}.story-person-picker small{display:block;font-size:12px;color:#94917e}.story-person-picker>a{font-size:12px;display:block;margin-top:8px}.story-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.story-photos figure{margin:0;background:#fff;border:1px solid var(--knote-line);border-radius:9px;overflow:hidden}.story-photos img{width:100%;height:220px;object-fit:cover}.story-photos figcaption{font-size:12px;padding:12px 15px;color:#7A3032}.story-photos .btn{padding:7px 0 0;font-size:12px;color:#997666}.story-source dl{font-size:12px}.story-source dt{font-weight:600;margin-top:12px}.story-source dd{color:#715250;margin-top:3px;overflow-wrap:anywhere}.source-checksum{font-family:monospace;font-size:12px}.story-source>a{font-size:12px}.search-filters{display:flex;align-items:end;gap:18px;margin:18px 0 2px;flex-wrap:wrap}.search-filters label{font-size:12px;min-width:150px}.search-filters select{font-size:12px;margin-top:5px}.search-filters>span{font-size:12px;max-width:380px;padding-bottom:8px}.search-memories{display:flex;flex-direction:column;gap:15px}.memory-result{background:#fff;border:1px solid var(--knote-line);border-radius:11px;padding:26px;display:flex;gap:20px}.memory-result__symbol{width:53px;height:53px;border-radius:50%;background:#F3E7E2;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#715250}.memory-result__body{min-width:0}.memory-result h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 6px}.memory-result__people{font-size:12px;margin-bottom:14px}.memory-result__excerpt{font-family:Georgia,serif;font-size:16px;line-height:1.8;color:#7A3032;overflow-wrap:anywhere}.memory-moment-link{font-size:12px;display:inline-flex;align-items:center;gap:8px}.memory-result__timing{display:block;font-size:12px;margin-top:8px}.filter-notice{font-size:12px}.filter-notice a{margin-left:12px}.prompt-capture{margin-top:20px}.family-shell .auth-story h1{font-family:Georgia,serif;font-size:52px}.family-shell .auth-panel h2{font-family:Georgia,serif;font-weight:400;font-size:31px}.family-shell .capture-aside h2{font-family:Georgia,serif;font-size:22px;font-weight:400}.family-shell .page-header__title{font-size:38px}.family-shell .capture-recorder{background:#F3E7E2}
@media(min-width:1450px){.family-shell .app-main{padding-top:40px}.archive-hero{padding-top:27px;padding-bottom:28px}.voice-orbit{width:280px;height:280px}}
@media(max-width:1100px){.archive-hero{grid-template-columns:1.7fr 1fr}.voice-orbit{width:205px;height:205px}.voice-orbit__caption{bottom:34px}.voice-orbit__center{transform:rotate(8deg) scale(.85)}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-layout,.story-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-transcript{padding:20px}.story-heading h1{font-size:35px}.story-heading{flex-wrap:wrap}.story-heading>.btn{margin-top:0}.story-photos{grid-template-columns:1fr}.prompt-card{padding:18px}.prompt-card h3{font-size:18px}.archive-overview{gap:18px}.archive-overview__note{display:none}}
@media(max-width:900px){.archive-hero__art{display:none}.archive-hero{grid-template-columns:1fr;padding-top:10px}.archive-hero h1{font-size:43px}.people-layout,.story-layout{grid-template-columns:1fr}.people-layout>aside{width:100%}.story-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.story-aside>.family-panel:first-child{grid-row:span 3}.prompt-grid{gap:10px}.prompt-card{padding:15px}.family-section-heading>.family-muted{display:none}.local-badge{font-size:12px}.story-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.person-header{flex-wrap:wrap}.person-header .btn{margin-left:0}}
@media(max-width:767px){.family-page{gap:25px}.family-shell .app-main{padding-top:22px}.archive-hero{padding:8px 0 6px}.archive-hero h1{font-size:39px}.archive-hero p{font-size:13px}.family-eyebrow{font-size:12px;letter-spacing:1.3px}.archive-overview{gap:17px;flex-wrap:wrap;padding:14px 0}.archive-overview span{font-size:12px}.archive-overview strong{font-size:16px}.archive-overview span:nth-child(3){margin-left:auto}.memory-search{padding:7px 8px 7px 12px;gap:9px}.memory-search>svg{width:18px}.memory-search input{font-size:12px}.memory-search .btn{font-size:12px;padding:8px 10px}.family-section-heading h2{font-size:22px}.family-section-heading>a{font-size:12px}.memory-card__body{padding:14px}.memory-card__cover{height:145px}.memory-card h3{font-size:19px}.people-strip{gap:20px}.prompt-grid{grid-template-columns:1fr}.prompt-card{padding:20px;gap:9px}.prompt-card h3{font-size:21px;margin-bottom:6px}.prompt-card__action{margin-top:3px}.family-empty{padding:32px 20px}.family-empty h3{font-size:24px}.family-heading h1{font-size:34px}.local-badge{font-size:12px}.family-shell .topbar-actions{gap:10px}.family-heading>p{font-size:13px}.story-heading h1{font-size:35px}.story-player{padding:19px 16px}.story-player h2{font-size:20px}.story-player__mark{width:39px;height:39px}.story-player__mark svg{width:25px}.story-aside{display:flex}.story-prose{font-size:16px}.story-transcript{padding:22px 18px}.story-transcript .family-section-heading>a{max-width:100px;white-space:normal;text-align:right}.story-transcript__footer{flex-wrap:wrap;gap:12px}.story-photos img{height:180px}.person-header .person-portrait{width:78px;height:78px}.person-header h1{font-size:36px}.person-header{gap:17px}.person-header .btn{font-size:12px}.memory-result{padding:21px 18px;gap:14px}.memory-result__symbol{display:none}.memory-result h2{font-size:23px}.memory-result__excerpt{font-size:15px}.search-filters{gap:12px}.search-filters label{min-width:130px;flex:1}.search-filters>span{max-width:none;flex-basis:100%;padding:0}.family-shell .auth-story h1{font-size:38px}.family-shell .page-header__title{font-size:33px}}
@media(max-width:440px){.memory-grid{grid-template-columns:1fr}.memory-card__cover{height:180px}.archive-overview{gap:11px}.archive-overview span{font-size:12px}.archive-overview strong{font-size:15px;margin-right:2px}.archive-overview span:nth-child(3){margin-left:0}.archive-hero h1{font-size:35px}.family-actions{gap:8px}.family-actions .btn{font-size:12px;padding:10px 12px}.desktop-break{display:none}.family-heading h1{font-size:30px}.story-photos{grid-template-columns:1fr}.people-grid{gap:12px}.person-card{padding:20px 10px}.person-card h2{font-size:20px}.person-portrait--large{width:78px;height:78px}.family-shell .guest-topbar>span{display:none}.story-tabs{gap:3px}.story-tabs button{font-size:12px;padding:8px}.local-badge{max-width:100px;white-space:normal;line-height:1.3}.story-prompt p{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Comfortable reading at every screen size; controls keep generous touch targets. */
.family-shell{font-size:16px}
.family-shell :is(.sidebar-link,.sidebar-project,.account-link strong,.topbar-location,.btn,.btn-sm,.form-label,.form-check-label,.text-link,.filter-toolbar label,.workspace-tab,.workspace-text-link,.workspace-version-label,.workspace-timestamp){font-size:14px}
.family-shell :is(.btn,.icon-button,.sidebar-link,.sidebar-project,.workspace-tab,.workspace-timestamp){min-height:44px}
.family-shell .icon-button{min-width:44px}
.family-shell :is(.form-control,.form-select,.command-search input,.transcript-editor){font-size:16px;min-height:44px}
.family-shell :is(.page-header__lede,.helper-copy,.section-panel__copy,.capture-aside p,.capture-aside li,.capture-status,.capture-file-zone p,.auth-panel>p,.guide-steps p,.workspace-prose,.workspace-segment p){font-size:16px;line-height:1.75}
.family-shell :is(.form-text,.workspace-caption,.workspace-meta,.workspace-document__footer,.nav-label,.account-link small,.workspace-footer,.topbar-search,.status-pill,.list-meta,.auth-switch,.dialog-footnote,.shortcut-row){font-size:13px}
.family-shell .sidebar-note span{font-size:13px}
.family-shell :is(.local-badge,.family-eyebrow,.memory-duration,.memory-card__date,.prompt-card>span:first-child,.story-prompt span,.source-checksum){font-size:12px}
.family-shell :is(.archive-hero p,.family-heading>p,.family-heading>div>p,.family-empty p,.family-panel>p,.story-segment p,.memory-result__excerpt,.memory-search input){font-size:16px}
.family-shell :is(.family-section-heading>a,.person-mini strong,.memory-card__people,.memory-tags a,.family-empty>.text-link,.prompt-card__action,.family-panel .form-label,.family-panel summary,.person-card p,.person-card>span:last-child,.family-breadcrumb,.story-heading>.btn,.story-people a,.story-player>.btn,.story-tabs button,.story-transcript__footer,.story-segment p strong,.story-timestamp,.story-person-picker legend,.story-person-picker>label,.story-person-picker>a,.story-photos .btn,.story-source>a,.search-filters label,.memory-result__people,.memory-moment-link,.filter-notice){font-size:14px}
.family-shell :is(.family-muted,.archive-overview,.archive-overview span,.person-mini>span:last-child,.local-footnote,.family-panel .form-text,.person-header p,.story-player p,.transcript-trust,.transcript-version,.story-person-picker small,.story-photos figcaption,.story-source dl,.search-filters>span,.memory-result__timing){font-size:13px}
.family-shell :is(.family-actions .btn,.memory-search .btn,.person-header .btn){font-size:14px;min-height:44px}
.family-shell :is(.family-panel .form-control,.family-panel .form-select,.search-filters select){font-size:16px;min-height:44px}
.family-shell .story-player .moment-notice{font-size:16px}
.family-shell .story-prose{font-size:18px;line-height:1.85}
.family-shell .story-player audio{height:48px}
.story-tabs{flex-wrap:wrap}
.story-tabs button,.story-timestamp{min-height:44px}
.story-segment{grid-template-columns:64px minmax(0,1fr)}
.story-person-picker>label{min-height:44px}
.story-person-picker input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
.story-player__download{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.story-transcript__footer a,.memory-moment-link,.story-person-picker>a,.story-source>a{min-height:44px;display:inline-flex;align-items:center}
.memory-tags a{padding:8px 10px;min-height:38px;display:inline-flex;align-items:center}
.family-section-heading{flex-wrap:wrap}
.family-section-heading>a{min-height:44px;display:inline-flex;align-items:center}
.family-panel summary{min-height:44px;line-height:1.6;padding-top:10px}
.family-panel[open]>summary{margin-bottom:18px}
.archive-overview{flex-wrap:wrap;gap:14px 27px}
.family-shell .family-brand__name small{font-size:12px;letter-spacing:2px}
.family-shell .nav-label{letter-spacing:1.2px}
.family-shell .story-segment p strong{color:#7A3032}
.family-shell .transcript-version{color:#7A3032}
@media(max-width:767px){
  .family-shell .workspace-topbar{height:auto;min-height:68px;padding-top:8px;padding-bottom:8px;gap:8px}
  .family-shell .topbar-location{font-size:14px;gap:6px;min-width:0}
  .family-shell .topbar-actions{gap:4px}
  .family-shell .local-badge{font-size:12px;max-width:112px;white-space:normal;line-height:1.4}
  .family-shell .story-prose{font-size:18px}
  .family-shell .story-transcript .family-section-heading>a{max-width:none;text-align:left}
  .family-shell .story-transcript__footer{gap:8px}
  .family-shell .story-heading>.btn{white-space:normal}
  .archive-overview span:nth-child(3){margin-left:0}
  .story-player__mark{flex-shrink:0}
  .memory-search{flex-wrap:wrap;gap:8px}
  .memory-search input{flex-basis:calc(100% - 35px)}
  .memory-search .btn{width:100%}
  .search-filters label{min-width:135px}
  .family-shell .story-tabs button{font-size:14px;padding:9px}
  .family-shell .family-actions .btn{font-size:14px;padding:11px 14px}
}

/* Private family conversations */
.family-space-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:24px; margin:24px 0; }
.family-space-card { text-decoration:none; color:inherit; border:1px solid #F3E7E2; transition:border-color .15s; }
.family-space-card:hover { border-color:#7A3032; }
.family-inline-form { display:flex; gap:10px; flex-wrap:wrap; }
.family-inline-form input { flex:1; min-width:160px; }
.family-inline-form button { flex-shrink:0; }
.family-create { max-width:720px; }
.family-member { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #F3E7E2; overflow-wrap:anywhere; }
.family-member small { display:block; color:#7A3032; }
.family-invitation { padding:16px 0; }
.family-filter-row { margin:24px 0; }
.family-filter-row form { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.family-filter-row select { width:auto; max-width:100%; min-width:150px; }
.conversation-card { padding:20px 0; border-top:1px solid #F3E7E2; }
.conversation-card h3 { font-size:1.2rem; line-height:1.5; margin-bottom:12px; }
.conversation-credit { font-size:.9rem; color:#7A3032; }
.question-source { color:#7A3032; margin:0 0 16px; font-size:.9rem; }
.question-source blockquote { margin:10px 0; padding-left:14px; border-left:2px solid #D9A7A0; white-space:pre-wrap; }
.ask-family { border-top:1px solid #F3E7E2; margin-top:20px; padding-top:20px; }
.ask-family summary { font-weight:600; }
.story-conversation { background:#F3E7E2; margin-bottom:28px; }
.story-conversation .family-actions { gap:12px; }
.conversation-replies { margin:20px 0; }
.conversation-replies a { display:block; padding:10px 0; }
.story-photos video { width:100%; max-height:420px; border-radius:14px; background:#5B1E23; }
.family-source-link { padding:16px 20px; margin-bottom:20px; background:#F3E7E2; border-radius:12px; }
.shared-person-name { padding:7px 12px; border-radius:20px; background:#F3E7E2; }
.video-error { margin:8px 0; color:#9f2c23; }
@media(max-width:600px) { .family-filter-row form { display:grid; grid-template-columns:1fr; } .family-filter-row select { width:100%; } .family-management { gap:12px; } .conversation-card .family-actions { align-items:flex-start; } .family-heading .family-actions { width:100%; } }
/* Say It For Later brand refinements; font names use installed fallbacks. */
body{font-family:Inter,"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,.family-brand__name,.sidebar-note strong{font-family:"Libre Baskerville",Georgia,"Times New Roman",serif}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #9B3D36;outline-offset:3px}
::selection{background:#D9A7A0;color:#2E2E2E}
.family-shell .app-sidebar{background:#F4E8DF;border-right-color:#E5CEC8}
.family-shell .workspace-topbar,.guest-topbar{background:#F8EFE6;border-color:#E5CEC8}
.family-brand .app-brand__mark{background:#5B1E23;color:#F8EFE6}
.family-brand__name,.family-shell .family-brand__name{color:#5B1E23}
.family-brand__name small,.family-shell .family-brand__name small{font-family:Inter,"Segoe UI",Arial,sans-serif}
.family-shell :is(h1,h2,h3,.family-section-heading h2,.memory-card h3,.prompt-card h3,.family-empty h2,.family-empty h3,.family-panel h2,.story-prose),.auth-story h1,.auth-panel h2{font-family:"Libre Baskerville",Georgia,"Times New Roman",serif}
.family-shell .sidebar-note{background:#5B1E23;color:#F8EFE6}
.family-shell .sidebar-note :is(strong,span){color:#F8EFE6}
.sidebar-memento{display:flex;align-items:center;gap:.7rem;margin:-17px 6px 23px;padding:.75rem .8rem;min-height:56px;border:1px solid #D9A7A0;border-radius:.75rem;background:#FFF9F5;color:#5B1E23;font-size:.86rem;font-weight:700;line-height:1.2;text-decoration:none}
.sidebar-memento:hover{background:#F3E7E2;border-color:#C76B57;color:#5B1E23}
.sidebar-memento>span{flex:1}
.sidebar-memento small{display:block;margin-top:.25rem;color:#665C59;font-size:.72rem;font-weight:400}
.auth-story{max-width:39rem}.auth-story h1,.family-shell .auth-story h1{max-width:20ch;font-size:clamp(2.25rem,3.55vw,3.4rem);line-height:1.18;color:#5B1E23}
.auth-story p{max-width:39rem;color:#514744}.auth-story-wave{color:#C76B57}.auth-story-wave span:nth-child(3n){background:#9B3D36}
.auth-promise{color:#5B1E23;font-size:.85rem;border-color:#D9A7A0}
.auth-panel{background:#FFF9F5;border:1px solid #E5CEC8;border-radius:1rem;box-shadow:0 16px 50px #5B1E230d}
.auth-panel h2{color:#5B1E23}
.auth-panel .form-control{background:#fff;border-color:#D9B9B2}
.auth-panel .form-control:focus{border-color:#9B3D36;box-shadow:0 0 0 .2rem #9B3D3626}
.auth-panel .page-header__eyebrow,.auth-story .page-header__eyebrow{color:#7F302B;font-size:.75rem;letter-spacing:.12em}
.auth-panel .helper-copy,.auth-panel .auth-switch,.guest-topbar>span{color:#514744}
.family-shell .memory-search:focus-within{outline-color:#9B3D36}
.status-pill--completed,.status-check.ready{color:#326449}
@media(max-width:767px){.sidebar-memento{margin:-11px 6px 17px}.auth-story h1,.family-shell .auth-story h1{font-size:clamp(2rem,8vw,2.7rem)}.auth-panel{padding:1.5rem}}
/* Stories, mementos, and family participation. */
.memory-kind-nav{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:1.1rem 0 1.4rem}
.memory-kind-nav a,.memory-kind-nav button{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .9rem;border:1px solid #D9B9B2;border-radius:999px;background:#FFF9F5;color:#5B1E23;font-weight:600;text-decoration:none}
.memory-kind-nav :is(a,button):hover,.memory-kind-nav .is-active,.memory-kind-nav [aria-current="page"]{background:#5B1E23;border-color:#5B1E23;color:#fff}
.memory-kind-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .65rem;background:#F3E7E2;color:#5B1E23;font-size:.75rem;font-weight:700;letter-spacing:.025em;line-height:1.35}
.memory-kind-pill--memento{background:#F5DDD7;color:#672720}
.pilot-progress{padding:1.25rem 1.4rem;border:1px solid #E5CEC8;border-radius:1rem;background:#FFF9F5}
.pilot-progress h2{margin:0 0 .35rem;color:#5B1E23}.pilot-progress>p{margin:0 0 1rem}
.pilot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0;margin:0;list-style:none}
.pilot-steps>li{position:relative;min-width:0;padding:1rem 1rem 1rem 3rem;border-radius:.7rem;background:#F8EFE6;color:#514744;overflow-wrap:anywhere}
.pilot-steps>li>span[aria-hidden]{position:absolute;left:.95rem;top:1rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#D9A7A0;color:#5B1E23;font-weight:700;font-size:.75rem}
.pilot-steps>li.is-complete>span[aria-hidden]{background:#326449;color:#fff}
.pilot-steps>li>a{display:block;color:#5B1E23;font-weight:700;text-underline-offset:.2em}
.pilot-steps>li>a:hover{text-decoration:underline}
.pilot-steps>li>small{display:block;margin-top:.3rem;color:#665C59;font-size:.78rem}
.memory-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.memory-start-card{display:flex;flex-direction:column;gap:.65rem;min-width:0;padding:1.5rem;border:1px solid #E5CEC8;border-radius:1rem;background:#FFF9F5;color:#2E2E2E;text-decoration:none;overflow-wrap:anywhere;transition:border-color .15s,transform .15s,box-shadow .15s}
.memory-start-card:hover{border-color:#C76B57;transform:translateY(-2px);box-shadow:0 8px 25px #5B1E2312;color:#2E2E2E}
.memory-start-card h2,.memory-start-card h3{margin:0;color:#5B1E23}.memory-start-card p{margin:0;flex:1}.memory-start-card>span:last-child{color:#9B3D36;font-weight:700}
.memory-response-list{display:grid;gap:.8rem;padding:0;margin:1rem 0;list-style:none}
.memory-response-list>li,.memory-response-list>article{padding:1rem 1.2rem;border-left:3px solid #C76B57;border-radius:0 .7rem .7rem 0;background:#FFF9F5;overflow-wrap:anywhere}
.memory-response-list p{margin-bottom:.4rem}.memory-response-list small{color:#665C59}
.memory-response-form{display:grid;gap:.8rem;margin-top:1rem;padding:1.25rem;border:1px solid #E5CEC8;border-radius:.9rem;background:#FFF9F5}
.memory-response-form :is(textarea,input,select){max-width:100%}
@media(max-width:980px){.memory-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pilot-steps,.memory-start-grid{grid-template-columns:1fr}.pilot-progress,.memory-start-card,.memory-response-form{padding:1.1rem}}
.memento-preview{display:block;width:min(100%,36rem);height:auto;max-height:30rem;object-fit:contain;object-position:left center;margin:1rem 0;border:1px solid #E5CEC8;border-radius:.75rem;background:#F8EFE6}
.family-panel[aria-label="Family responses"]{overflow-wrap:anywhere}
.family-panel[aria-label="Family responses"] .conversation-card p{overflow-wrap:anywhere}
.family-panel[aria-label="Family responses"] form{min-width:0}
.family-shell .sidebar-memento{flex-shrink:0;min-height:88px;margin-top:-8px;line-height:1.35}
.family-shell .voice-orbit{background:#F3E0D8}