.eo-page{--eo-ink:#214b40;--eo-gold:#a2874c;--eo-line:#d8e2d7;background:#faf9f5;color:var(--eo-ink);font-family:Arial,"Noto Sans TC",sans-serif}.eo-main{max-width:1120px;margin:0 auto;padding:38px 24px 64px}.eo-main *{box-sizing:border-box}.eo-main [hidden]{display:none!important}.eo-main h1,.eo-main h2,.eo-main h3{color:#214b40;line-height:1.4}.eo-main h1{font-size:clamp(28px,4vw,46px);font-family:"Noto Serif TC",Georgia,serif;margin:12px 0}.eo-main h2{font-size:22px;margin:0 0 16px}.eo-main h3{font-size:16px;margin:26px 0 8px}.eo-main p{line-height:1.85;color:#52695e}.eo-main a{color:#285c4e;text-underline-offset:4px}.eo-eyebrow{font-size:11px;letter-spacing:2px;color:#90733e;font-weight:700}.eo-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:32px 30px 50px}.eo-hero h1{font-size:clamp(32px,4vw,48px);letter-spacing:2px}.eo-lead{font-size:20px}.eo-hero-art{padding:28px;background:#edf1e8;border-radius:48% 48% 8px 8px}.eo-paper{background:#fffcf5;padding:38px 24px;border:1px solid #d8d4bc;text-align:center;box-shadow:0 15px 30px #23483c0d}.eo-paper span{font-size:10px;letter-spacing:3px}.eo-paper svg{display:block;width:130px;margin:24px auto;color:#81967b}.eo-paper strong{font-family:Georgia,serif;font-size:25px;display:block;font-weight:400;letter-spacing:3px}.eo-paper i,.eo-rule{display:block;background:#b59c62;width:48px;height:1px;margin:25px auto}.eo-paper p{font-size:11px}.eo-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 20px;border:1px solid #244e42;border-radius:7px;background:#244e42;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:700;cursor:pointer;line-height:1.4}.eo-button.secondary{color:#285447!important;background:#fff;border-color:#b9cbbd}.eo-button.danger{background:#fff6f3;border-color:#e0bcb3;color:#9a3a2e!important}.eo-button:disabled{opacity:.55;cursor:not-allowed}.eo-button:hover{filter:brightness(.95)}.eo-main :focus-visible{outline:3px solid #b69b58;outline-offset:3px}.eo-text-link{display:block;margin-top:20px;font-size:13px}.eo-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--eo-line);border-bottom:1px solid var(--eo-line);padding:24px 0;margin-bottom:36px}.eo-benefits span{font-size:12px;color:#788879}.eo-benefits strong{display:block;font-size:16px;margin:8px 0;color:#315748}.eo-card{background:#fff;border:1px solid var(--eo-line);border-radius:13px;padding:28px;margin-bottom:24px;box-shadow:0 5px 15px #23483c04}.eo-start{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:3px solid #ad945b}.eo-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.eo-main label{display:block;font-size:14px;font-weight:600;line-height:1.6;margin:0 0 16px}.eo-main input:not([type=checkbox]):not([type=radio]),.eo-main textarea,.eo-main select{width:100%;min-width:0;min-height:44px;border:1px solid #c8d5c4;border-radius:6px;background:#fff;color:#243e35;padding:10px 12px;font:inherit;font-size:15px;margin-top:6px}.eo-main textarea{resize:vertical;line-height:1.6}.eo-main .eo-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:16px 0}.eo-check input{width:19px;height:19px;flex:none;accent-color:#295747;margin-top:2px}.eo-main details{border-top:1px solid var(--eo-line);padding:16px 0}.eo-main summary{cursor:pointer;font-weight:600;line-height:1.7}.eo-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.eo-section-head,.eo-work-head,.eo-save{display:flex;align-items:center;justify-content:space-between;gap:20px}.eo-section-head span,.eo-muted,.eo-save span{font-size:12px;color:#687e70}.eo-work-head{margin-bottom:26px}.eo-work-head h1{font-size:28px}.eo-work-head a:first-child{font-size:13px}.eo-pill{display:inline-block;background:#eaf1e8;border:1px solid #c8d8c3;border-radius:30px;padding:5px 12px;font-size:12px}.eo-steps{display:flex;gap:5px;background:#eaf0e7;padding:7px;border-radius:10px;margin-bottom:24px;position:sticky;top:0;z-index:15}.eo-steps button{flex:1;border:0;background:none;color:#365648;min-height:47px;border-radius:6px;font-size:14px;cursor:pointer}.eo-steps button[aria-pressed=true]{background:#244e42;color:#fff;box-shadow:0 2px 6px #244e4220}.eo-save{margin-top:24px;border-top:1px solid var(--eo-line);padding-top:20px}.eo-dirty .eo-save{border-color:#b8994d}.eo-dirty .eo-save span{color:#976716}.eo-main hr{border:0;border-top:1px solid var(--eo-line);margin:28px 0}.eo-status,.eo-preview-banner{padding:16px 20px;background:#edf4ea;border:1px solid #cdddc6;border-radius:8px;line-height:1.7;margin-bottom:22px}.eo-errors{padding:20px;border:1px solid #dfb0a6;background:#fff4ef;margin-bottom:22px;border-radius:8px;color:#903829}.eo-errors li{margin-top:8px}.eo-share{background:#f5f7f1;padding:20px;margin:24px 0;border-radius:8px}.eo-grant{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--eo-line);padding:12px 0}.eo-grant form{margin:0}.eo-photo-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.eo-photo-picker>div{border:1px solid var(--eo-line);border-radius:8px;padding:10px}.eo-photo-picker img{width:100%;height:150px;object-fit:contain;background:#eff2ed}.eo-access{max-width:600px;margin:50px auto;text-align:center}.eo-links{display:flex;gap:20px;flex-wrap:wrap}.eo-emblem{display:block;font:65px Georgia,serif;color:#9ba783}.eo-memorial{background:#fffefb;border:1px solid #d5ddcb;border-top:4px solid #a78b50;border-radius:12px;overflow:hidden;max-width:900px;margin:auto;box-shadow:0 12px 45px #23483c08}.eo-memorial-head{text-align:center;padding:50px 50px 24px;background:linear-gradient(160deg,#f3f4e9,#fffefb)}.eo-memorial-head h1{font-size:clamp(32px,6vw,48px);letter-spacing:3px;overflow-wrap:anywhere}.eo-portrait{display:block;max-width:160px;height:195px;object-fit:cover;margin:28px auto;border:6px solid #fff;border-radius:80px 80px 4px 4px;box-shadow:0 5px 20px #23483c18}.eo-life-dates{font-size:13px;color:#6f806f;min-height:10px}.eo-memorial-message{max-width:650px;margin:0 auto 20px;white-space:pre-line;overflow-wrap:anywhere}.eo-arrangements,.eo-gallery,.eo-condolences{padding:30px 50px;border-top:1px solid var(--eo-line)}.eo-schedule{margin:0}.eo-schedule>div{display:grid;grid-template-columns:125px 1fr;gap:20px;border-bottom:1px solid var(--eo-line);padding:17px 0}.eo-schedule dt{font-size:13px;color:#748573}.eo-schedule dd{margin:0;font-size:16px;line-height:1.7;overflow-wrap:anywhere}.eo-schedule a{display:inline-block;margin-left:10px;font-size:13px}.eo-prose,.eo-guest-message p{white-space:pre-line;overflow-wrap:anywhere}.eo-gallery>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.eo-gallery img{width:100%;height:190px;object-fit:cover;border-radius:5px}.eo-guest-message{border-left:2px solid #c5d0b9;background:#f6f8f2;padding:16px 20px;margin:18px 0}.eo-guest-message form{display:flex;gap:10px;margin-top:12px}.eo-memorial-footer{padding:26px 50px;border-top:1px solid var(--eo-line);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#839179}.eo-sharing{max-width:900px;margin:26px auto;display:grid;grid-template-columns:1fr 150px;gap:35px}.eo-sharing figure{margin:0;text-align:center;font-size:12px}.eo-sharing img{width:130px;height:130px}.eo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.eo-honeypot{position:absolute;left:-10000px}.theme-minimal{border-top-color:#52726f}.theme-minimal .eo-memorial-head{background:#f2f6f5}.theme-buddhist{border-top-color:#aa8e63}.theme-buddhist .eo-memorial-head{background:#f7f3e9}.theme-christian{border-top-color:#7c919d}.theme-christian .eo-memorial-head{background:#f0f4f6}.theme-neutral{border-top-color:#94a18e}.theme-neutral .eo-memorial-head{background:#f2f5ef}
@media(max-width:700px){.eo-main{padding:24px 16px 40px}.eo-hero{grid-template-columns:1fr;gap:20px;padding:12px 8px 28px}.eo-hero-art{max-width:290px;justify-self:center;width:100%;padding:18px}.eo-paper{padding:24px 18px}.eo-paper svg{width:90px;margin:14px auto}.eo-hero h1{font-size:34px}.eo-benefits{gap:13px;padding:18px 0}.eo-benefits strong{font-size:14px}.eo-start,.eo-two{grid-template-columns:1fr;gap:16px}.eo-card{padding:21px}.eo-work-head{align-items:flex-start}.eo-work-head h1{font-size:23px}.eo-fields{grid-template-columns:1fr;gap:0}.eo-section-head{align-items:flex-start;flex-wrap:wrap;gap:0}.eo-main h2{font-size:20px}.eo-steps{gap:2px}.eo-steps button{font-size:13px}.eo-photo-picker{grid-template-columns:repeat(2,1fr)}.eo-arrangements,.eo-gallery,.eo-condolences{padding:25px 22px}.eo-memorial-head{padding:35px 22px 20px}.eo-schedule>div{grid-template-columns:1fr;gap:5px}.eo-gallery>div{grid-template-columns:repeat(2,1fr)}.eo-gallery img{height:135px}.eo-memorial-footer{padding:20px;flex-direction:column}.eo-sharing{grid-template-columns:1fr;gap:20px}.eo-sharing figure{justify-self:center}.eo-sharing .eo-button{flex:1}.eo-grant{flex-wrap:wrap}.eo-access{margin:20px auto}.eo-preview-banner a{display:block}}
@media print{@page{size:A4 portrait;margin:14mm}.eo-page #hkf-site-header,.eo-page #site-footer,.eo-sharing,.eo-preview-banner,.eo-condolences form,.eo-memorial-footer a{display:none!important}.eo-main{padding:0;max-width:none}.eo-memorial{border:0;box-shadow:none}.eo-memorial-head{padding:10mm 8mm}.eo-arrangements,.eo-gallery,.eo-condolences{padding:6mm 8mm}.eo-schedule>div,.eo-guest-message,.eo-gallery img{break-inside:avoid}.eo-memorial h2{break-after:avoid}.eo-memorial-head{break-inside:avoid}.eo-main a{text-decoration:none}.eo-main{font-size:11pt}}

/* Consistent tool forms and calm, readable disclosure states. */
@media screen {
 .eo-main :is(.eo-start,#recovery) form{display:grid;gap:14px;align-content:start}
 .eo-main :is(.eo-start,#recovery) form>label{margin:0}
 .eo-main :is(.eo-start,#recovery) form>.eo-button{justify-self:start}
 .eo-main :is(.eo-start,#recovery){scroll-margin-top:110px}
 .eo-main :is(.eo-card,.eo-two,.eo-fields,.eo-section-head,.eo-work-head,.eo-save)>*{min-width:0}
 .eo-main :is(.eo-work-head,.eo-save){flex-wrap:wrap}
 .eo-main :is(h1,h2){text-wrap:balance}
 .eo-main :is(.eo-benefits>span,.eo-muted,.eo-section-head>span,.eo-save>span){color:#536b5b}
 .eo-main :is(.eo-start,#recovery) input[aria-invalid=true]{border-color:#a74432;background:#fff8f5}
 .eo-main .eo-errors{border-left:3px solid #a74432}
 .eo-main .eo-card>details{padding:0}
 .eo-main .eo-card>details>summary{min-height:52px;padding:14px 0;display:list-item}
 .eo-main .eo-card>details[open]>summary{color:#214b40}
 .eo-main .eo-card>details[open]>p{margin-top:0;padding-bottom:14px}
 .eo-main .eo-steps{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
 .eo-main .eo-steps button{min-width:5.5em;flex-shrink:0}
}
@media screen and (max-width:700px){
 .eo-main :is(.eo-start,#recovery) form>.eo-button{width:100%}
 .eo-main .eo-benefits{gap:14px}
 .eo-main .eo-benefits>span{font-size:13px;line-height:1.65}
 .eo-main .eo-work-head{gap:12px}
 .eo-main :is(.eo-start,#recovery){scroll-margin-top:90px}
}

.eo-draft-saved {display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:12px}
.eo-family-actions {margin:0 0 16px}
.eo-family-actions a {gap:8px;flex-wrap:wrap}
.eo-family-review {scroll-margin-top:100px}
.eo-family-review .eo-guest-message form {display:flex;flex-wrap:wrap;gap:8px}
.eo-reviewed-messages {margin-top:16px}

/* Keep editor workflow tabs and the pending queue below the shared sticky header. */
.eo-main .eo-steps{top:var(--eo-header-offset,0px)}
.eo-family-review,.eo-family-review .eo-guest-message{scroll-margin-top:calc(var(--eo-header-offset,0px) + 84px)}
.eo-photo-drop{border:1px dashed #8fa68c;border-radius:8px;padding:18px;text-align:center;background:#f6f8f2}.eo-main .eo-photo-native{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}.eo-photo-uploader ul{list-style:none;padding:0}.eo-photo-uploader li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #d8e2d7;overflow-wrap:anywhere}.eo-photo-uploader progress{width:100%}.eo-ordering-settings{border-top:1px solid #d8e2d7;margin-top:20px;padding-top:4px}.mr-page .eo-ordering-public{border:1px solid #b8b9a9;padding:24px;margin:24px 0;border-radius:10px}.mr-page .eo-ordering-public a{display:inline-block;padding:10px 20px;color:#234c44}@media(max-width:600px){.eo-photo-uploader li{grid-template-columns:minmax(0,1fr) auto}.eo-photo-uploader progress{grid-column:1/-1}}

.eo-message-audience label{display:block;margin:10px 0}.eo-message-audience small{display:block;margin-left:26px}.eo-message-audience input[type=radio]{width:auto}.eo-family-reply{margin:14px 0;padding:12px 16px;border-left:3px solid #a0b49b;white-space:pre-wrap}

.eo-guest-message .eo-reply-editor{display:block}.eo-reply-editor label,.eo-reply-editor textarea{width:100%;max-width:100%}.eo-reply-editor button{width:auto;margin-top:10px}#private-messages{scroll-margin-top:calc(var(--eo-header-offset,120px) + 90px)}

/* Keep draft controls reachable on narrow screens without covering the last field. */
.eo-editor-save{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));background:var(--hkf-surface,#fff);color:var(--hkf-text,#222);border-top:1px solid #999;box-shadow:0 -3px 14px #0002}
.eo-page:has([data-eo-save-bar]){padding-bottom:120px}.eo-steps{overflow-x:auto}.eo-steps button{flex-shrink:0}.eo-steps [data-eo-tab-dirty]{color:#a53d00}[data-eo-field-error]{color:#a51f1f}[aria-invalid=true]{outline:2px solid #a51f1f}[data-eo-error-summary] a{cursor:pointer;text-decoration:underline}.eo-editor-save [role=status]{max-width:45%;overflow-wrap:anywhere}
@media(max-width:600px){.eo-editor-save{gap:6px;font-size:13px}.eo-editor-save .eo-button{padding:10px;font-size:14px}.eo-editor-save [role=status]{max-width:38%}}
.eo-steps [data-eo-tab]{white-space:nowrap;min-width:max-content}.eo-editor-save .eo-button{flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){.eo-editor-save{display:grid;grid-template-columns:1fr 1fr;padding-top:8px}.eo-editor-save [role=status]{grid-column:1/-1;max-width:100%;text-align:center}.eo-editor-save .eo-button{width:100%;text-align:center}.eo-page:has([data-eo-save-bar]){padding-bottom:140px}}

/* Keep draft selection clear of the shared sticky header. */
#start.eo-card{scroll-margin-top:110px}

/* Publication and draft actions share the same persistent, wrapping toolbar. */
.eo-editor-save{flex-wrap:wrap}.eo-editor-save__status{flex:0 0 100%;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;font-size:13px}.eo-editor-save__status [role=status]{max-width:100%}.eo-editor-save__status [data-eo-publication-reason]:empty{display:none}.eo-editor-save [hidden]{display:none!important}.eo-page:has([data-eo-save-bar]){padding-bottom:190px}
.eo-publication-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;background:#faf9f2;color:#214b40;border:1px solid #aabdab;border-radius:12px;padding:24px}.eo-publication-dialog::backdrop{background:#122d25a6}.eo-publication-dialog h2{margin-top:0}.eo-publication-dialog p{line-height:1.75}.eo-publication-dialog .eo-check{display:flex;align-items:flex-start;gap:10px;line-height:1.7;margin:18px 0}.eo-publication-dialog input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin-top:4px}.eo-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.eo-publication-dialog :focus-visible{outline:3px solid #997b38;outline-offset:3px}[data-eo-publish-error]{border-left:3px solid #a51f1f;padding-left:12px;color:#842b20}
@media(max-width:600px){.eo-editor-save{grid-template-columns:repeat(3,minmax(0,1fr))}.eo-editor-save__status{grid-column:1/-1;text-align:center}.eo-editor-save [data-eo-published-link]{grid-column:1/-1}.eo-editor-save .eo-button{font-size:13px;padding:10px 6px;min-width:0;white-space:normal}.eo-publication-dialog{padding:20px}.eo-page:has([data-eo-save-bar]){padding-bottom:230px}}

/* Keep the editor heading compact and settings reachable without horizontal scrolling. */
.eo-main .eo-compact-head{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:18px}.eo-editor-back{align-self:flex-start}.eo-editor-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.eo-compact-head h1{margin:0;font-size:28px;overflow-wrap:anywhere}.eo-compact-head .eo-settings-heading{margin:0;gap:8px}.eo-compact-head .eo-settings-heading h2{font-size:17px;margin:0}.eo-message-counts{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.eo-message-counts a{padding:5px 9px;border:1px solid #c6d3c4;border-radius:6px;background:#f2f5ed}.eo-main .eo-steps.eo-settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:5px}.eo-main .eo-steps.eo-settings-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:10px 8px}.eo-settings-tabs button:focus-visible{outline:3px solid #987d3a;outline-offset:-3px}.eo-account-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 14px;margin:0 0 18px;background:#f0f3eb;border:1px solid #d4dfce;border-radius:8px;font-size:13px}.eo-main .eo-account-line p{margin:0;flex:1 1 230px;font-size:13px;line-height:1.6}.eo-account-line .eo-button{padding:6px 10px;min-height:36px;font-size:13px}.eo-account-ready{font-size:13px}.eo-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px}
@media(max-width:600px){.eo-main .eo-steps.eo-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.eo-compact-head h1{font-size:24px}.eo-compact-head .eo-editor-title{gap:8px 12px}.eo-compact-head .eo-settings-heading h2{font-size:16px}.eo-main .eo-steps.eo-settings-tabs button{padding:9px 6px;min-height:44px}.eo-account-line{padding:10px 12px}.eo-account-line p{flex-basis:100%}}

.eo-main :is(#review-condolences,#private-messages,[id^="pending-message-"]){scroll-margin-top:calc(var(--eo-header-offset,100px) + var(--eo-tabs-height,110px) + 16px)}