/* V8 v4 presentation candidate. Homepage opt-in only; no map component selectors. */
/* Local V8 home album proposal. Original five records and CTA targets retained. Desktop opens a wider album; mobile retains one card with a peek. */
#dh-homepage[data-native-v8] #dh-native-space[data-native-home]{--dh-ink:#292725;--dh-muted:#6e6a65;--dh-coral:#ff8674;--dh-red:#aa4233;--dh-cream:#fbf8f3;--dh-line:#e7e1d9;--dh-white:#fff;font-family:-apple-system,BlinkMacSystemFont,'PingFang TC','Microsoft JhengHei',sans-serif;-webkit-font-smoothing:antialiased}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] :is(h1,h2,h3,p,a,span,div,li,button){font-family:-apple-system,BlinkMacSystemFont,'PingFang TC','Microsoft JhengHei',sans-serif!important}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .native-dialog .dialog{background:#fff;box-shadow:0 18px 70px #3d302412}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog-top{padding:16px 22px 8px;border-bottom:1px solid #e7e1d9}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog-top .eyebrow{font-size:11px;letter-spacing:.08em;color:#aa4233}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog-top .round{background:#fff;border:1px solid #e7e1d9}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog-main{padding:18px 22px 20px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog h1,#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog h2,#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog h3{font-family:inherit;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog h1{font-size:28px;line-height:1.3}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .wf-summary{margin:12px 0 4px;gap:7px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .wf-summary span{border:0;background:#f2ece3;border-radius:999px;padding:6px 10px;color:#6e6a65;font-size:12px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .result-tools{padding-bottom:4px;border-bottom:1px solid #e7e1d9;gap:8px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .result-tools .link{font-size:12px;color:#6e6a65;min-height:44px;padding:4px 0}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-header{margin:14px 0 10px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-header h3{font-size:15px;font-weight:600;color:#6e6a65;letter-spacing:0}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-count{font-size:12px;color:#6e6a65}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-card{position:relative;container-type:inline-size;border:0;border-radius:0;overflow:visible;background:transparent}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-image{border-radius:16px;overflow:hidden}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-copy{padding:14px 0 0}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .cc-copy h3{font-size:20px;line-height:1.45;margin:8px 0;color:#292725}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .primary{background:#ff8674;color:#292725;border-radius:12px;box-shadow:none;font-weight:700;min-height:46px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .cc-copy .primary{font-size:13px;padding:12px 16px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .round,#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .secondary{background:#fff;border-color:#e7e1d9}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .secondary{border-radius:12px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-footer{padding-top:16px;border-top:1px solid #e7e1d9;margin-top:18px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .native-error{background:#fff}
/* Approved V8 home album direction, adapted to the native result carousel.
   Five candidates and original story/CTA targets remain. No main-plus-two layout. */
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .native-dialog .dialog{background:#fcfaf6}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .case-carousel{background:#f7f2eb;margin:0 -22px;padding:18px 22px 22px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-header{margin:0 0 14px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-image img{aspect-ratio:4/3;object-position:50% 62%}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-image .album-badge{position:absolute;left:10px;bottom:10px;width:32px;height:32px;border:2px solid white;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 9px #0002}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-image .album-badge img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-image{position:relative}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .cc-copy{padding:12px 0 0}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-top{display:flex;align-items:start;justify-content:space-between;gap:8px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-title{padding:0;border:0;background:none;text-align:left;flex:1}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .album-title h3{font-size:18px;font-weight:650;line-height:1.5;letter-spacing:-.02em;margin:0;color:#292725}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-top .round{width:38px;height:40px;min-width:38px;min-height:40px;background:transparent;border:0;margin-top:-4px;padding:8px;color:#6e6a65;flex-shrink:0}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-top .saved{color:#aa4233;background:#fce2d9}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-meta{display:block;font-size:12px;color:#6e6a65;line-height:1.65;margin-top:4px}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-link{font-size:12px;min-height:44px;color:#aa4233;justify-content:start}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .case-carousel .cc-footer{margin-top:12px;padding-top:0;border-top:0}
/* Desktop follows the approved V8 home shelf: three complete cards plus a peek.
   Mobile retains native 89% card width, 12px gap and 85dvh bottom sheet. */
@media(min-width:768px){
 #dh-homepage[data-native-v8] #dh-native-space[data-native-home] .native-dialog .dialog{width:min(1280px,calc(100vw - 64px))}
 #dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .case-rail{--cc-card-width:calc((100% - 48px)/3.25);gap:18px}
 #dh-homepage[data-native-v8] #dh-native-space[data-native-home] .dialog .cc-end{flex-basis:calc(100% - var(--cc-card-width) - 18px)}
}
/* Homepage retains the original hero, mascot, five entries, carousel and map. */
#dh-homepage[data-native-v8] #dh-homepage-brand-section .mk-hero-title{font-family:-apple-system,BlinkMacSystemFont,'PingFang TC','Microsoft JhengHei',sans-serif!important;color:#292725!important;font-weight:700!important;letter-spacing:-.025em!important}
#dh-homepage[data-native-v8] #dh-homepage-brand-section .mk-hero-title{line-height:1.28!important}
#dh-homepage[data-native-v8] #dh-homepage-brand-section .mk-btn-primary-v2,#dh-homepage[data-native-v8] .dna-home-primary{background:#ff8674!important;color:#292725!important;border-radius:12px!important;box-shadow:none!important;font-family:inherit!important}
#dh-homepage[data-native-v8] #dh-homepage-brand-section .mk-hero-title em{color:#aa4233!important}
#dh-homepage[data-native-v8] .dna-stage-trigger{border-radius:12px!important;border-color:#e7e1d9!important;color:#6e6a65!important}
#dh-homepage[data-native-v8] #dh-creator-house-v116{--dh-creator-bg:#fbf8f3;--dh-creator-fg:#292725;--dh-creator-muted:#6e6a65;--dh-creator-line:#e7e1d9;--dh-creator-coral:#aa4233}
#dh-homepage[data-native-v8] #dh-native-space[data-native-home] .album-title h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
