/* NAVIGA guide reskin — 가이드 공통 스타일 (12편 인라인에서 외부화, 캐싱) */
:root{
  --green-900:#161E15;--green-800:#1F2A1E;--green-700:#2E3A2E;--green-600:#3A4A3A;--green-500:#4A5A48;
  --sage:#9CAE96;--sage-2:#B9C6B2;--sage-3:#D7DED1;
  --ivory:#F4F1EA;--ivory-2:#EDE9DF;--paper:#FBFAF6;--charcoal:#272A24;--muted:#6E7268;
  --clay:#9C7A5B;--clay-bg:#F1E9DF;
  --line:rgba(46,58,46,.15);--line-2:rgba(46,58,46,.28);
  --serif-ko:'Nanum Myeongjo',serif;--serif-en:'Cormorant Garamond',serif;--sans:'Pretendard',sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);background:var(--ivory);color:var(--charcoal);font-size:17px;line-height:1.9;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:860px;margin:0 auto;padding:8px 24px 30px}
.wrap a{color:var(--green-700)}
.wrap strong{color:var(--green-700);font-weight:700}
.wrap h2,.wrap h3{font-family:var(--serif-ko);color:var(--green-800);letter-spacing:-.02em;word-break:keep-all}

/* ===== unified header (reskin) ===== */
.naviga-site-header{position:sticky;top:0;z-index:60;background:rgba(244,241,234,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-family:var(--sans)}
.naviga-header-shell,.naviga-mobile-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.naviga-header-shell{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.naviga-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}
.naviga-logo-img{height:34px;width:auto;display:block}
.naviga-brand-title{font-family:var(--serif-ko);font-size:1.5rem;font-weight:800;letter-spacing:.14em;color:var(--green-700);white-space:nowrap}
.naviga-brand-sub{margin-top:4px;font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.naviga-primary-nav{display:flex;align-items:center;gap:1.8rem}
.naviga-nav-link{font-size:.95rem;font-weight:500;color:var(--green-600);text-decoration:none;transition:color .2s}
.naviga-nav-link:hover,.naviga-nav-link.is-active{color:var(--green-800);font-weight:600}
.naviga-header-actions{display:flex;align-items:center;gap:.7rem}
.naviga-phone-link{display:inline-flex;align-items:center;min-height:42px;padding:.6rem 1rem;border:1px solid var(--line-2);color:var(--green-700);font-family:var(--serif-en);font-size:1rem;letter-spacing:.06em;font-weight:600;text-decoration:none;border-radius:2px;transition:background .2s}
.naviga-phone-link:hover{background:rgba(46,58,46,.05)}
.naviga-cta-link{display:inline-flex;align-items:center;min-height:42px;padding:.6rem 1.1rem;background:var(--green-700);color:var(--ivory);font-size:.9rem;font-weight:600;text-decoration:none;border-radius:2px;transition:background .2s}
.naviga-cta-link:hover{background:var(--green-800)}
.naviga-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;color:var(--green-700);cursor:pointer}
.naviga-menu-toggle-bars{width:20px;display:flex;flex-direction:column;gap:4px}
.naviga-menu-toggle-bars span{display:block;width:100%;height:1.5px;background:currentColor}
.naviga-mobile-menu{display:none;border-top:1px solid var(--line);background:var(--ivory)}
.naviga-mobile-menu.is-open{display:block}
.naviga-mobile-shell{padding:.4rem 20px .9rem}
.naviga-mobile-link{display:block;padding:.95rem 0;border-bottom:1px solid var(--line);color:var(--green-700);font-size:1rem;font-weight:600;text-decoration:none}
.naviga-mobile-link:last-child{border-bottom:0}
@media(max-width:768px){.naviga-header-shell{min-height:62px}.naviga-brand-title{font-size:1.18rem}.naviga-logo-img{height:30px}.naviga-primary-nav,.naviga-phone-link,.naviga-cta-link{display:none}.naviga-menu-toggle{display:inline-flex}}

/* ===== breadcrumb ===== */
.breadcrumb{font-size:13px;color:var(--muted);padding:24px 0 6px}
.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--green-700)}
.breadcrumb span{margin:0 7px;opacity:.5}

/* ===== key summary (tldr) ===== */
.tldr-box{margin:24px 0 0;padding:0;border:0;background:none}
.tldr-row{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--green-600);border-radius:0 5px 5px 0;padding:18px 22px;margin:10px 0}
.tldr-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--green-700);color:var(--ivory);font-family:var(--serif-en);font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.tldr-text{font-size:15.5px;line-height:1.72;color:#3c413a;word-break:keep-all}
.tldr-text strong{color:var(--green-700)}
.tldr-box table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.tldr-cell{padding:12px 14px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}

/* ===== top conversion CTA (green band) ===== */
.top-conv-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--green-800);color:var(--sage-3);border-radius:6px;padding:26px 30px;margin:28px 0;position:relative;overflow:hidden}
.top-conv-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 120% at 12% 0%,rgba(156,174,150,.16),transparent 55%)}
.top-conv-cta>*{position:relative}
.top-conv-cta>div:first-child>div:nth-child(1){font-family:var(--serif-ko);font-weight:700;font-size:clamp(17px,2vw,21px);color:#F1F1E8;line-height:1.45;word-break:keep-all}
.top-conv-cta>div:first-child>div:nth-child(2){margin-top:7px;font-size:14px;color:#C7CEBE}
.top-conv-cta>div:first-child>div:nth-child(3){margin-top:4px;font-size:12.5px;color:var(--sage)}
.top-conv-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.top-conv-cta a{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:3px;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .25s}
.top-conv-cta a:hover{transform:translateY(-2px)}
.top-conv-cta a:first-child{background:var(--ivory);color:var(--green-800)}
.top-conv-cta a:last-child{background:transparent;border:1px solid rgba(156,174,150,.5);color:#F1F1E8;font-family:var(--serif-en);letter-spacing:.04em;font-size:16px}

/* ===== infographic ===== */
.infographic{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px;margin:28px 0;overflow-x:auto}
.infographic svg{max-width:100%;height:auto;display:block;margin:0 auto}
.infographic-title{font-family:var(--serif-ko);font-weight:700;font-size:18px;color:var(--green-800);text-align:center;margin-bottom:16px}
.infographic-caption{font-size:13.5px;color:var(--muted);text-align:center;margin:14px auto 28px;max-width:640px;line-height:1.7}

/* ===== key banner ===== */
.key-banner{margin:48px 0}
.key-banner h2{font-family:var(--serif-ko);font-weight:800;color:var(--green-800);font-size:clamp(22px,2.8vw,30px);text-align:center}
.kb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px}
.kb-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green-600);border-radius:0 0 6px 6px;padding:22px 20px;text-align:center}
.kb-label{font-family:var(--serif-ko);font-weight:700;font-size:14px;color:var(--green-600);margin-bottom:9px}
.kb-val{font-family:var(--serif-ko);font-weight:700;font-size:19px;color:var(--green-800);line-height:1.3}
.kb-sub{font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.6}
.kb-note{font-size:13px;color:var(--muted);text-align:center;margin-top:18px;line-height:1.7}

/* ===== section heading ===== */
.sec-heading{margin:58px 0 6px}
.sec-heading h2{font-family:var(--serif-ko);font-weight:800;color:var(--green-800);font-size:clamp(22px,2.8vw,31px);line-height:1.4}
.sec-heading p{color:var(--muted);font-size:15.5px;margin:9px 0 0}

/* ===== card ===== */
.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 28px;margin:20px 0}
.card-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.card-badge{background:var(--green-700);color:var(--ivory);font-size:12.5px;font-weight:600;padding:5px 13px;border-radius:999px}
.card-label{color:var(--muted);font-size:13px;letter-spacing:.02em}

/* ===== steps ===== */
.steps{margin:6px 0}
.step{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.step:first-child{border-top:0}
.s-num{font-family:var(--serif-en);font-size:24px;color:var(--sage);line-height:1.2}
.s-main{font-family:var(--serif-ko);font-weight:700;font-size:18px;color:var(--green-800);margin-bottom:7px;word-break:keep-all}
.s-sub{font-size:15px;color:#4b4f46;line-height:1.82;word-break:keep-all}
.s-sub a{color:var(--green-700);text-decoration:underline;text-underline-offset:2px}
.s-price{font-family:var(--serif-ko);font-weight:700;font-size:16px;color:var(--green-700);margin:6px 0}
.s-tip,.s-warn,.s-note{border-radius:0 5px 5px 0;padding:14px 18px;margin:12px 0;font-size:14px;line-height:1.75;word-break:keep-all}
.s-tip{background:rgba(156,174,150,.16);border-left:3px solid var(--sage)}
.s-tip a{color:var(--green-700);text-decoration:underline}
.s-warn{background:var(--clay-bg);border-left:3px solid var(--clay);color:#5d4a37}
.s-warn strong{color:var(--clay)}
.s-note{background:var(--ivory-2);border-left:3px solid var(--sage-3);color:#4b4f46}

/* ===== prose ===== */
.info-prose p{font-size:16px;line-height:1.92;color:#3c413a;margin:14px 0;word-break:keep-all}
.info-prose p:first-child{margin-top:0}
.info-prose p:last-child{margin-bottom:0}
.info-prose a{color:var(--green-700);text-decoration:underline;text-underline-offset:2px}

/* ===== tables ===== */
.wrap table:not(.tldr-box table){width:100%;border-collapse:collapse;font-size:14.5px;margin:22px 0}
.compare-table,.wrap table{width:100%;border-collapse:collapse;font-size:14.5px;margin:22px 0}
.wrap th,.wrap td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;line-height:1.6;word-break:keep-all}
.wrap thead th{background:var(--green-700);color:var(--ivory);font-weight:600;font-size:13.5px;border-color:var(--green-700)}
.wrap tbody tr:nth-child(even){background:var(--paper)}
td.col-item,th.col-item{font-family:var(--serif-ko);font-weight:700;color:var(--green-800);white-space:nowrap}
.good{color:#3B7A4E;font-weight:600}
.highlight{color:var(--clay);font-weight:600}
.orange{color:#B5733A;font-weight:600}
.red{color:#A85440;font-weight:600}
.green{color:#3B7A4E;font-weight:600}
.blue{color:#4A6B7A;font-weight:600}
.gray{color:var(--muted)}

/* ===== FAQ ===== */
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{cursor:pointer;padding:20px 42px 20px 0;position:relative;font-family:var(--serif-ko);font-weight:700;font-size:17px;color:var(--green-800);word-break:keep-all}
.faq-q::after{content:"+";position:absolute;right:6px;top:18px;font-size:22px;color:var(--sage);font-weight:400;transition:transform .3s}
.faq-q.open::after{transform:rotate(45deg)}
.faq-a{display:none;padding:0 0 22px;font-size:15px;line-height:1.9;color:#4b4f46;word-break:keep-all}
.faq-a.open{display:block}
.faq-a a{color:var(--green-700);text-decoration:underline}

/* ===== persona / case cards ===== */
.persona-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px 26px;margin:14px 0}
.persona-tag{display:inline-block;font-family:var(--serif-en);font-size:12px;letter-spacing:.12em;color:var(--sage);margin-bottom:10px}
.persona-q,.persona-title{font-family:var(--serif-ko);font-weight:700;font-size:17px;color:var(--green-800);margin-bottom:10px;line-height:1.5}
.persona-a,.persona-body{font-size:14.5px;color:var(--muted);line-height:1.8;word-break:keep-all}
.persona-a strong,.persona-body strong{color:var(--green-700)}
.persona-head{margin-bottom:8px}

/* ===== checklist ===== */
.checklist{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 24px;margin:18px 0}
.cl-item{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line)}
.cl-item:first-child{border-top:0}
.cl-check{flex:none;width:20px;height:20px;border:1.5px solid var(--sage);border-radius:5px;margin-top:2px;position:relative}
.cl-check::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--green-600)}
.cl-text{font-size:15px;color:#3c413a;line-height:1.6;word-break:keep-all}
.cl-text strong{color:var(--green-700)}

/* ===== callout boxes ===== */
.cta-box{background:rgba(156,174,150,.15);border-left:3px solid var(--sage);border-radius:0 5px 5px 0;padding:18px 22px;margin:18px 0;font-size:14.5px;line-height:1.78;word-break:keep-all}
.cta-box strong{color:var(--green-700)}
.cta-box a{color:var(--green-700);text-decoration:underline}
.warn-box{background:var(--clay-bg);border-left:3px solid var(--clay);border-radius:0 5px 5px 0;padding:18px 22px;margin:20px 0;font-size:14.5px;line-height:1.78;color:#5d4a37;word-break:keep-all}
.warn-box strong{color:var(--clay)}
.refbox{background:var(--ivory-2);border-radius:6px;padding:16px 20px;margin:18px 0;font-size:13.5px;color:var(--muted);line-height:1.7}

/* ===== bugo samples ===== */
.bugo-box{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:26px 28px;margin:18px 0}
.bugo-line{font-size:15px;line-height:1.9;color:#3c413a;margin:8px 0;word-break:keep-all}
.bugo-title{font-family:var(--serif-ko);font-weight:800;font-size:18px;color:var(--green-800);letter-spacing:.3em;text-align:center;margin-bottom:12px}
.bugo-meta{font-size:14px;color:#4b4f46;background:var(--ivory-2);border-radius:6px;padding:12px 16px;margin-top:10px;line-height:1.85}

/* ===== related ===== */
.related{margin-top:50px;border-top:1px solid var(--line);padding-top:34px}
.rel-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:var(--paper);border:1px solid var(--line);border-radius:6px;margin:9px 0;text-decoration:none;transition:background .3s}
.rel-link:hover{background:var(--ivory-2)}
.rel-tag{font-size:11.5px;color:var(--sage);letter-spacing:.04em;margin-bottom:3px}
.rel-title{font-size:15px;color:var(--green-700);font-weight:600}
.rel-arrow{color:var(--sage);font-size:18px;flex:none}

/* ===== author ===== */
.author-box{display:flex;gap:18px;align-items:flex-start;margin-top:42px;padding:26px;background:var(--ivory-2);border-radius:8px}
.author-avatar{flex:none;width:48px;height:48px;border-radius:50%;background:var(--green-700);color:var(--ivory);font-family:var(--serif-en);font-size:22px;display:flex;align-items:center;justify-content:center}
.author-name{font-family:var(--serif-ko);font-weight:700;font-size:16px;color:var(--green-800);margin-bottom:4px}
.author-role{font-size:12.5px;color:var(--sage);margin-bottom:8px;letter-spacing:.03em}
.author-bio{font-size:13.5px;color:var(--muted);line-height:1.72}

/* ===== footer ===== */
.footer{background:var(--green-800);color:#9AA391;padding:34px 30px;margin-top:54px;border-radius:8px;font-size:13px;text-align:center;line-height:1.95;word-break:keep-all}
.footer a{color:#C3CBB7}
.footer-line{height:1px;background:rgba(255,255,255,.12);margin-bottom:20px}

/* ===== floating CTA ===== */
.floating-cta,.float-cta{position:fixed;right:18px;bottom:18px;z-index:80}
.floating-cta a,.float-cta a{display:flex;flex-direction:column;align-items:center;background:var(--green-700);color:var(--ivory);padding:13px 22px;border-radius:8px;box-shadow:0 12px 30px -12px rgba(0,0,0,.45);font-weight:700;font-size:15px;text-decoration:none;transition:background .25s}
.floating-cta a:hover,.float-cta a:hover{background:var(--green-800)}
.fc-sub,.fc-text{font-size:11px;font-weight:400;color:var(--sage-2);margin-top:4px}
@media(max-width:680px){
  body{font-size:16px}
  .floating-cta,.float-cta{left:12px;right:12px;bottom:12px}
  .floating-cta a,.float-cta a{flex-direction:row;gap:8px;justify-content:center}
  .fc-sub,.fc-text{display:none}
  .top-conv-cta{flex-direction:column;align-items:stretch}
  .top-conv-cta>div:last-child{width:100%}
  .top-conv-cta a{flex:1}
  .step{grid-template-columns:34px 1fr;gap:13px}
}
/* ===== signature top CTA (reference style) ===== */
.topcta{background:var(--green-800);color:var(--sage-3);border-radius:6px;padding:26px 30px;margin:28px 0;position:relative;overflow:hidden}
.topcta::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 120% at 12% 0%,rgba(156,174,150,.16),transparent 55%)}
.topcta>*{position:relative}
.topcta .tc-hook{font-family:var(--serif-ko);font-weight:700;font-size:clamp(18px,2.1vw,23px);color:#F1F1E8;line-height:1.42;word-break:keep-all}
.topcta .tc-punch{margin-top:9px;font-size:clamp(13.5px,1.6vw,15.5px);color:#C7CEBE;line-height:1.55;word-break:keep-all}
.topcta .tc-punch b{color:#F1F1E8;font-weight:700;box-shadow:inset 0 -9px 0 rgba(156,174,150,.3)}
.tc-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid rgba(215,222,209,.16)}
.price-badge{border-left:3px solid var(--sage);padding-left:15px}
.price-badge .pb-main{display:flex;align-items:baseline;gap:10px}
.price-badge .pb-lab{font-family:var(--serif-ko);font-weight:700;font-size:14.5px;color:var(--sage-2)}
.price-badge .pb-amt{font-family:var(--serif-ko);font-weight:400;font-size:clamp(30px,4vw,42px);line-height:1;color:#FFFDF7;letter-spacing:-.01em}
.price-badge .pb-amt .pb-from{font-family:var(--sans);font-weight:600;font-size:.4em;color:var(--sage-2);margin-left:6px}
.price-badge .pb-sub{margin-top:6px;font-size:12.5px;color:#A9B2A0}
.tc-btns{display:flex;gap:10px;flex-wrap:wrap;animation:ctaBounce 2.8s ease-in-out infinite}
@keyframes ctaBounce{0%,66%,100%{transform:translateY(0)}76%{transform:translateY(-7px)}86%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.tc-btns{animation:none}}
.b-call,.b-kakao{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:3px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .3s;text-decoration:none}
.b-call{background:var(--ivory);color:var(--green-800)}
.b-call:hover,.b-kakao:hover{transform:translateY(-2px)}
.b-call .num{font-family:var(--serif-en);letter-spacing:.06em;font-size:17px}
.b-call svg{width:16px;height:16px}
.b-kakao{background:#FEE500;color:#3C1E1E}
.b-kakao svg{width:18px;height:18px}
@media(max-width:680px){.tc-bottom{flex-direction:column;align-items:stretch;gap:18px}.tc-btns{width:100%}.b-call,.b-kakao{flex:1;justify-content:center}}
/* color neutralize -> green palette */
.card-badge,.card-badge.red,.card-badge.orange,.card-badge.green,.card-badge.blue,.card-badge.gray{background:var(--green-700);color:var(--ivory)}
.red,.orange{color:var(--clay)}
.blue{color:var(--green-600)}
/* ===== custom header + article title (match funeral-procedure) ===== */
.hwrap{max-width:1180px;margin:0 auto;padding:0 28px}
.topbar{background:var(--green-700);color:var(--sage-3);font-size:12.5px;letter-spacing:.05em}
.topbar .hwrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.topbar .r{display:flex;gap:22px;opacity:.85}
nav.site{position:sticky;top:0;z-index:50;background:rgba(244,241,234,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav.site .hwrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:baseline;gap:11px;text-decoration:none}
.brand .ko{font-family:var(--serif-ko);font-weight:800;font-size:24px;color:var(--green-700);letter-spacing:.16em}
.brand .en{font-family:var(--serif-en);font-size:14px;color:var(--muted);letter-spacing:.34em;font-weight:500}
.navlinks{display:flex;gap:28px;font-size:14.5px;color:var(--green-600)}
.navlinks a{position:relative;padding:4px 0;transition:color .3s;text-decoration:none}
.navlinks a.active{color:var(--green-800)}
.navlinks a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--green-600);transition:width .35s}
.navlinks a:hover::after,.navlinks a.active::after{width:100%}
.callbtn{display:inline-flex;align-items:center;gap:9px;background:var(--green-700);color:var(--ivory);padding:11px 20px;border-radius:2px;font-size:14px;text-decoration:none;transition:background .3s,transform .3s}
.callbtn:hover{background:var(--green-800);transform:translateY(-1px)}
.callbtn .num{font-family:var(--serif-en);letter-spacing:.1em;font-size:15px}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px}
.menu-toggle span{width:24px;height:1.5px;background:var(--green-700);display:block}
.ahead{padding:30px 0 8px}
.ahead .cat{font-size:12.5px;letter-spacing:.2em;color:var(--green-600);margin-bottom:18px}
.ahead h1{font-family:var(--serif-ko);font-weight:800;color:var(--green-800);font-size:clamp(26px,3.6vw,42px);line-height:1.34;letter-spacing:-.025em;word-break:keep-all;margin:0}
.ahead .meta{margin-top:18px;font-size:13.5px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.ahead .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--line-2)}
@media(max-width:768px){.topbar .r{display:none}.navlinks{display:none}.menu-toggle{display:flex}.navlinks.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:8px 28px;z-index:50}.navlinks.open a{padding:13px 0;border-bottom:1px solid var(--line)}.callbtn .label{display:none}}
/* ===== key summary as 3 cards (match funeral-procedure) ===== */
.tldr{margin:24px 0 0}
.tldr h2{font-family:var(--serif-ko);font-weight:700;font-size:17px;color:var(--green-700);margin-bottom:16px;letter-spacing:.02em}
.kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.kcard{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green-600);border-radius:0 0 5px 5px;padding:22px 22px}
.kcard .kn{font-family:var(--serif-en);font-size:15px;color:var(--sage);letter-spacing:.1em;margin-bottom:9px}
.kcard h3{font-family:var(--serif-ko);font-weight:700;font-size:16.5px;color:var(--green-800);margin-bottom:10px;letter-spacing:-.01em;line-height:1.4}
.kcard p{font-size:14px;line-height:1.74;color:#4b4f46;word-break:keep-all}
.kcard p strong{color:var(--green-700)}
@media(max-width:680px){.kgrid{grid-template-columns:1fr}}
/* ===== pre-booking banner ===== */
.prebook{background:var(--ivory-2);border-top:1px solid var(--line)}
.prebook .pb-in{max-width:860px;margin:0 auto;padding:40px 28px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.prebook .pb-ey{font-size:12px;letter-spacing:.18em;color:var(--clay);margin-bottom:9px;font-weight:600}
.prebook h3{font-family:var(--serif-ko);font-weight:700;font-size:clamp(18px,2.3vw,22px);color:var(--green-800);line-height:1.42;letter-spacing:-.01em;word-break:keep-all}
.prebook p{margin-top:9px;font-size:13.5px;color:var(--muted);line-height:1.6}
.prebook .pb-btn{flex:none;background:var(--green-700);color:var(--ivory);padding:15px 28px;border-radius:3px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background .3s,transform .3s}
.prebook .pb-btn:hover{background:var(--green-800);transform:translateY(-1px)}
@media(max-width:680px){.prebook .pb-in{flex-direction:column;align-items:stretch}.prebook .pb-btn{justify-content:center}}
.footer .footer-legal{margin-top:12px;font-size:13px}
.footer .footer-legal a{color:var(--green-600);text-decoration:underline;margin:0 4px}

/* NAVIGA GLOBAL HEADER v1.0 — unified */
.hwrap{max-width:1180px;margin:0 auto;padding:0 28px}
.topbar{background:var(--green-700);color:var(--sage-3);font-size:12.5px;letter-spacing:.05em}
.topbar .hwrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.topbar .l{opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .r{display:flex;gap:22px;opacity:.88;white-space:nowrap}
nav.site{position:sticky;top:0;z-index:50;background:rgba(244,241,234,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav.site .hwrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.brand{display:flex;align-items:baseline;gap:11px;flex:none;text-decoration:none}
.brand .ko{font-family:var(--serif-ko);font-weight:800;font-size:25px;color:var(--green-700);letter-spacing:.16em}
.brand .en{font-family:var(--serif-en);font-size:15px;color:var(--muted);letter-spacing:.34em;font-weight:500}
.navlinks{display:flex;align-items:center;gap:28px;font-size:14.5px;color:var(--green-600)}
.navlinks a{position:relative;padding:4px 0;transition:color .3s;text-decoration:none;color:inherit;white-space:nowrap}
.navlinks a.active,.navlinks a[aria-current="page"]{color:var(--green-800);font-weight:600}
.navlinks a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--green-600);transition:width .35s ease}
.navlinks a:hover::after,.navlinks a.active::after,.navlinks a[aria-current="page"]::after{width:100%}
.nav-actions{display:flex;align-items:center;gap:10px;flex:none}
.prebtn{display:inline-flex;align-items:center;justify-content:center;background:var(--green-700);color:var(--ivory);padding:11px 18px;border-radius:2px;font-size:14px;font-weight:600;letter-spacing:.02em;transition:background .3s,transform .3s;text-decoration:none;white-space:nowrap}
.prebtn:hover{background:var(--green-800);transform:translateY(-1px)}
.prebtn.active{background:var(--green-800)}
.callbtn{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1.5px solid var(--line-2);color:var(--green-700);padding:10px 18px;border-radius:2px;font-size:14px;letter-spacing:.04em;transition:all .3s;text-decoration:none;white-space:nowrap}
.callbtn:hover{background:var(--green-700);color:var(--ivory);border-color:var(--green-700);transform:translateY(-1px)}
.callbtn .num{font-family:var(--serif-en);letter-spacing:.1em;font-size:15px}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;flex:none}
.menu-toggle span{width:24px;height:1.5px;background:var(--green-700);display:block}
@media(max-width:960px){.navlinks{gap:20px}.nav-actions .prebtn{display:none}}
@media(max-width:760px){
  .topbar .r{display:none}.topbar .l{font-size:12px}
  nav.site .hwrap{height:72px}.brand .ko{font-size:23px}.brand .en{font-size:13px}
  .navlinks{display:none}
  .menu-toggle{display:flex}
  .navlinks.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:8px 28px;box-shadow:0 16px 28px -24px rgba(46,58,46,.42)}
  .navlinks.open a{padding:13px 0;border-bottom:1px solid var(--line)}
  .callbtn{padding:9px 13px}.callbtn .label{display:none}
}


.mobile-sticky-cta{display:none}
@media(max-width:680px){
  body{padding-bottom:74px}
  .mobile-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;background:rgba(244,241,234,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .mobile-sticky-cta a{display:flex;align-items:center;justify-content:center;min-height:58px;font-size:15px;font-weight:700;letter-spacing:-.01em}
  .mobile-sticky-cta .call{background:var(--green-700);color:var(--ivory)}
  .mobile-sticky-cta .reserve{background:var(--paper);color:var(--green-800)}
}


/* ===== NAVIGA quick action layer v1.0 ===== */
.nav-quick-strip{position:relative;z-index:5;margin-top:-24px}
.nav-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 42px -32px rgba(46,58,46,.48)}
.nav-quick-item{padding:24px 22px;border-right:1px solid var(--line);display:flex;align-items:center;gap:15px;transition:background .25s ease,transform .25s ease;text-decoration:none}
.nav-quick-item:last-child{border-right:0}
.nav-quick-item:hover{background:var(--ivory-2,#EDE9DF);transform:translateY(-2px)}
.nav-quick-icon{width:40px;height:40px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--green-700);flex:none;line-height:1}
.nav-quick-text b{display:block;font-family:var(--serif-ko);font-weight:700;font-size:18px;color:var(--green-800);line-height:1.35;word-break:keep-all}
.nav-quick-text span{display:block;margin-top:3px;font-size:13.5px;color:var(--muted);line-height:1.45;word-break:keep-all}
.nav-float-quick{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:78;display:flex;flex-direction:column;background:rgba(251,250,246,.96);border:1px solid var(--line);box-shadow:0 18px 38px -26px rgba(46,58,46,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nav-float-quick a,.nav-float-quick button{width:76px;min-height:68px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--green-700);font-family:var(--sans);font-size:12.2px;line-height:1.28;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;text-decoration:none}
.nav-float-quick a:last-child,.nav-float-quick button:last-child{border-bottom:0}
.nav-float-quick .ico{font-size:19px;line-height:1;color:inherit}
.nav-float-quick .quick-call{background:var(--green-700);color:var(--ivory)}
.nav-float-quick a:hover,.nav-float-quick button:hover{background:var(--ivory-2,#EDE9DF)}
.nav-float-quick .quick-call:hover{background:var(--green-800)}
.floating-cta,.float-cta{display:none!important}
@media(max-width:1100px){.nav-float-quick{display:none}}
@media(max-width:780px){
  body{padding-bottom:66px}
  .nav-quick-strip{margin-top:0}
  .nav-quick-grid{grid-template-columns:repeat(2,1fr);box-shadow:none;border-left:0;border-right:0}
  .nav-quick-item{padding:20px 18px}
  .nav-quick-item:nth-child(2){border-right:0}
  .nav-quick-item:nth-child(1),.nav-quick-item:nth-child(2){border-bottom:1px solid var(--line)}
  .mobile-sticky-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:90!important;display:grid!important;grid-template-columns:1fr 1fr!important;background:rgba(244,241,234,.97)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-sticky-cta a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.01em!important;text-decoration:none!important}
  .mobile-sticky-cta .call{background:var(--green-700)!important;color:var(--ivory)!important}
  .mobile-sticky-cta .reserve{background:var(--paper)!important;color:var(--green-800)!important}
}
@media(max-width:520px){
  .nav-quick-grid{grid-template-columns:1fr}
  .nav-quick-item{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .nav-quick-item:last-child{border-bottom:0!important}
  .nav-quick-text b{font-size:17px}
}