/* Mission 22 : composition Patrimoine, sans modifier les autres pages. */
#application #page-origins { --heritage-cream:#fffaf0; }
#application #page-origins .heritage-panel { display:grid!important; gap:16px!important; padding:0!important; margin:0!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
#application #page-origins .heritage-panel>.heritage-heading { position:relative!important; display:flex!important; align-items:center!important; min-height:210px!important; margin:0!important; padding:28px!important; overflow:hidden!important; border:1px solid #82928a!important; border-radius:24px!important; background:linear-gradient(90deg,rgba(4,29,36,.90),rgba(4,29,36,.25)),url('/heritage-layout-22-river.webp') center/cover!important; color:#fffaf0!important; }
#application #page-origins .heritage-heading::after { display:none!important; }
#application #page-origins .heritage-heading .eyebrow { color:#fffaf0!important; font-size:11px!important; letter-spacing:.16em!important; }
#application #page-origins .heritage-heading h1 { margin:8px 0!important; color:#fffaf0!important; font:700 clamp(38px,6vw,64px)/1.08 Georgia,serif!important; }
#application #page-origins .heritage-heading .page-intro { max-width:none!important; margin:0!important; color:#fffaf0!important; font:400 20px/1.35 Georgia,serif!important; }
#application #page-origins .heritage-motto { margin-left:auto; padding:20px 0 0 18px; text-align:center; color:#ffdf9d; font:18px/1.2 Georgia,serif; }
#application #page-origins .heritage-shortcuts { display:flex; flex-wrap:wrap; gap:10px; }
#application #page-origins .heritage-shortcut { display:flex; flex:1 1 110px; justify-content:center; align-items:center; gap:9px; min-height:48px; padding:10px 14px; border:1px solid #e7ddc8; border-radius:30px; background:#e1ebde; color:#154c43; font-size:15px; }
#application #page-origins .shortcut-musiques { background:#f8e1ce; color:#784a33; }
#application #page-origins .shortcut-recettes { background:#fff0cc; color:#694d28; }
#application #page-origins .shortcut-archives { background:#dce8ed; color:#244d5c; }
#application #page-origins svg { display:block; width:25px; height:25px; flex-shrink:0; }
#application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading h2 { margin:4px 0 0; color:#173f35; font:700 32px/1.16 Georgia,serif; }
#application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading .text-button { min-height:44px!important; flex-shrink:0; font-size:13px!important; color:#8d512f; }
#application #page-origins .heritage-pillars { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; margin:0!important; padding:0!important; overflow:visible!important; }
#application #page-origins .heritage-pillar { position:relative!important; display:flex!important; flex-direction:column!important; min-width:0!important; min-height:0!important; padding:0 0 20px!important; overflow:hidden!important; border:1px solid #e1d5bd!important; border-radius:20px!important; background:var(--heritage-cream)!important; box-shadow:0 6px 16px #001c2614!important; }
#application #page-origins .heritage-pillar::before { content:''; display:block!important; width:100%!important; height:160px!important; flex-shrink:0; background:url('/heritage-layout-22-triptych.jpg') left center/300% auto!important; }
#application #page-origins .heritage-places::before { background-position:center center!important; }
#application #page-origins .heritage-archives::before { background-position:right center!important; }
#application #page-origins .heritage-library::before { background:url('/heritage-layout-22-triptych.jpg') right 30%/300% auto!important; }
#application #page-origins .heritage-pillar-icon { position:absolute!important; top:135px!important; left:16px!important; display:grid!important; place-items:center!important; width:52px!important; height:52px!important; margin:0!important; border:4px solid var(--heritage-cream)!important; border-radius:50%!important; color:#18554a!important; background:#e1ebde!important; }
#application #page-origins .heritage-archives .heritage-pillar-icon { background:#dce8ed!important; color:#244d5c!important; }
#application #page-origins .heritage-library .heritage-pillar-icon { background:#f8e1ce!important; color:#784a33!important; }
#application #page-origins .heritage-pillar h2 { margin:34px 20px 8px!important; color:#153b35!important; font:700 26px/1.16 Georgia,serif!important; }
#application #page-origins .heritage-pillar p { min-height:0!important; margin:0 48px 0 20px!important; color:#586963!important; font:400 15px/1.4 Arial,sans-serif!important; }
#application #page-origins .heritage-card-open { position:absolute; inset:0; width:100%; border:0; border-radius:inherit; background:transparent; color:#a35536; cursor:pointer; }
#application #page-origins .heritage-card-open span { position:absolute; bottom:18px; right:17px; font-size:25px; }
#application #page-origins :is(.heritage-shortcut,.heritage-card-open,.heritage-details>summary):focus-visible { outline:3px solid #ce8543!important; outline-offset:3px; }
#application #page-origins .heritage-card-open:hover { box-shadow:inset 0 0 0 2px #ad7957; }
#application #page-origins :is(.heritage-memory-summary,.heritage-family-workspace,.heritage-details) { margin:0!important; padding:20px!important; border:1px solid #e1d5bd!important; border-radius:22px!important; background:var(--heritage-cream)!important; box-shadow:0 6px 16px #001c2614!important; }
#application #page-origins .heritage-memory-summary { display:flex!important; align-items:center!important; gap:16px!important; }
#application #page-origins :is(.heritage-summary-icon,.heritage-shared-icon,.heritage-deepen-icon) { display:grid!important; place-items:center; width:58px!important; height:58px!important; flex-shrink:0!important; border-radius:50%; background:#e1ebde; color:#18554a; }
#application #page-origins :is(.heritage-memory-summary strong,.heritage-workspace-head h2,.heritage-details>summary b) { margin:0 0 5px!important; color:#153b35!important; font:700 25px/1.2 Georgia,serif!important; }
#application #page-origins :is(.heritage-memory-summary p,.heritage-workspace-head p,.heritage-details>summary small) { margin:0!important; color:#586963!important; font-size:14px!important; line-height:1.4!important; }
#application #page-origins .heritage-memory-summary .text-button { min-width:44px; min-height:44px; color:#a35536; font-size:14px!important; }
#application #page-origins .heritage-workspace-head { display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; gap:8px 16px!important; align-items:center!important; }
#application #page-origins .heritage-workspace-head .private-tag { grid-column:2; justify-self:start; max-width:100%; }
#application #page-origins .heritage-share-invitations:empty { display:none; }
#application #page-origins .heritage-workspace-empty { padding:12px 0 0!important; margin:0!important; border:0!important; background:transparent!important; font-size:13px; }
#application #page-origins .heritage-details { padding:0!important; }
#application #page-origins .heritage-details>summary { display:flex!important; gap:16px!important; align-items:center!important; padding:18px 20px!important; }
#application #page-origins .heritage-details>summary>span:nth-child(2) { flex:1; min-width:0; }
#application #page-origins .heritage-details-content { display:grid; gap:16px; padding:20px!important; }
#application #page-origins .origin-heading-actions { display:flex; flex-wrap:wrap; gap:10px; }
#application #page-origins .heritage-spotlight { margin:0!important; }
@media(max-width:760px) {
 #application #page-origins { padding:18px 16px 110px!important; background:#0c2930!important; }
 #application #page-origins .heritage-heading { min-height:160px!important; padding:20px!important; }
 #application #page-origins .heritage-heading h1 { font-size:clamp(35px,10vw,47px)!important; }
 #application #page-origins .heritage-heading .page-intro { font-size:17px!important; }
 #application #page-origins .heritage-motto { display:none; }
 #application #page-origins .heritage-shortcuts { gap:8px; }
 #application #page-origins .heritage-shortcut { flex:1 1 calc(33% - 8px); padding:9px 10px; font-size:13px; gap:7px; }
 #application #page-origins .heritage-shortcut svg { width:20px; height:20px; }
 #application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading h2 { color:#fffaf0!important; font-size:25px; }
 #application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading .text-button { color:#ffdf9d!important; font-size:12px!important; }
 #application #page-origins .heritage-pillars { gap:12px!important; }
 #application #page-origins .heritage-pillar { padding-bottom:18px!important; }
 #application #page-origins .heritage-pillar::before { height:100px!important; }
 #application #page-origins .heritage-pillar-icon { top:80px!important; left:10px!important; width:42px!important; height:42px!important; }
 #application #page-origins .heritage-pillar h2 { margin:30px 12px 8px!important; font-size:19px!important; line-height:1.15!important; }
 #application #page-origins .heritage-pillar p { margin:0 12px 22px!important; font-size:13px!important; }
 #application #page-origins .heritage-card-open span { bottom:9px; right:12px; font-size:22px; }
 #application #page-origins :is(.heritage-memory-summary,.heritage-family-workspace) { padding:16px!important; }
 #application #page-origins :is(.heritage-memory-summary strong,.heritage-workspace-head h2,.heritage-details>summary b) { font-size:21px!important; }
 #application #page-origins :is(.heritage-summary-icon,.heritage-shared-icon,.heritage-deepen-icon) { width:44px!important; height:44px!important; }
 #application #page-origins .heritage-workspace-head { grid-template-columns:44px minmax(0,1fr)!important; gap:8px 12px!important; }
 #application #page-origins .heritage-memory-summary { gap:12px!important; }
 #application #page-origins .heritage-details>summary { gap:12px!important; padding:16px!important; }
}
@media(max-width:350px) {
 #application #page-origins .heritage-pillars { grid-template-columns:minmax(0,1fr)!important; }
 #application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading { align-items:flex-start; }
 #application #page-origins.active:not(#page-home) .heritage-panel .heritage-explore-heading h2 { font-size:24px; }
 #application #page-origins .heritage-pillar::before { height:135px!important; }
 #application #page-origins .heritage-pillar-icon { top:115px!important; }
 #application #page-origins .heritage-memory-summary { flex-wrap:wrap!important; }
 #application #page-origins .heritage-memory-summary>div { flex:1!important; }
}

#application #page-origins .heritage-pillar::before { position:static!important; inset:auto!important; opacity:1!important; border-radius:0!important; }
#application #page-origins .heritage-pillar::after { display:none!important; }
#application #page-origins .heritage-card-open { position:absolute!important; inset:0!important; margin:0!important; padding:0!important; z-index:3!important; }
#application #page-origins .heritage-pillar p { display:block!important; overflow:visible!important; -webkit-line-clamp:unset!important; }
