/* v37 — shared composed preview. Real text, intrinsic height, no miniature fake navigation. */
.direction-preview{--preview-paper:#222820;--preview-ink:#fff8eb;--preview-soft:#e1d6c3;--preview-panel:#222820f2;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:360px;overflow:hidden;container-type:inline-size;background:var(--preview-paper);color:var(--preview-ink);font-family:Arial,'PingFang TC',sans-serif;text-align:left}
.direction-preview[data-skin=minimal]{--preview-paper:#f2f0e8;--preview-ink:#283027;--preview-soft:#586052;--preview-panel:#f2f0e8f5}
.direction-preview[data-skin=creative]{--preview-paper:#ebe6db;--preview-ink:#322e27;--preview-soft:#665a49;--preview-panel:#ebe6dbf5}
.direction-preview[data-skin=luxury]{--preview-paper:#272322;--preview-ink:#f6e6c7;--preview-soft:#dcc9a5;--preview-panel:#272322f2}
.direction-preview[data-skin=culture]{--preview-paper:#e7eadd;--preview-ink:#293c2c;--preview-soft:#526b55;--preview-panel:#e7eaddf5}
.direction-preview[data-skin=corporate]{--preview-paper:#e6e6dd;--preview-ink:#2b342d;--preview-soft:#586456;--preview-panel:#e6e6ddf5}
.direction-preview[data-skin=dining]{--preview-paper:#422e23;--preview-ink:#fff0d8;--preview-soft:#ecd5b8;--preview-panel:#422e23f2}
.direction-preview[data-skin=commerce]{--preview-paper:#252e2d;--preview-ink:#f0eee3;--preview-soft:#c5d1c9;--preview-panel:#252e2df2}
.direction-preview .direction-image{position:absolute;inset:0 0 0 auto;width:55%;height:100%;object-fit:cover;object-position:center;z-index:-2;display:block}
.direction-preview .direction-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 6%;background:var(--preview-paper);border-bottom:1px solid color-mix(in srgb,var(--preview-ink) 18%,transparent)}
.direction-preview .direction-brand{font-family:'Songti TC','Noto Serif TC',serif;font-size:20px;line-height:1.5;font-weight:500;letter-spacing:.06em;overflow-wrap:anywhere;color:var(--preview-ink)}
.direction-preview .direction-edition{font-size:12px;line-height:1.5;letter-spacing:.06em;color:var(--preview-soft);flex:none}
.direction-preview .direction-content{position:relative;width:68%;max-width:none;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:28px 6%;background:var(--preview-panel)}
.direction-preview .direction-content .direction-eyebrow{font-size:12px;line-height:1.7;letter-spacing:.08em;margin:0 0 14px;color:var(--preview-soft);max-width:none}
.direction-preview .direction-content h3{font:400 clamp(25px,4.8cqw,38px)/1.5 'Songti TC','Noto Serif TC',serif;letter-spacing:.01em;margin:0 0 12px;color:var(--preview-ink);white-space:normal;word-break:keep-all;overflow-wrap:normal}
.direction-preview .direction-content .direction-english{font-size:14px;line-height:1.7;letter-spacing:0;color:var(--preview-soft);max-width:28ch;margin:0 0 18px}
.direction-preview .direction-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;font:500 14px/1.5 Arial,'PingFang TC',sans-serif;letter-spacing:.06em;background:var(--preview-ink);color:var(--preview-paper);border:1px solid var(--preview-ink);border-radius:4px;margin-top:auto;flex:none;text-decoration:none;box-sizing:border-box}
.direction-preview button.direction-cta{cursor:pointer}
.direction-preview button.direction-cta:focus-visible{outline:2px solid var(--preview-ink);outline-offset:4px}
.direction-preview .direction-foot{position:relative;display:flex;justify-content:space-between;gap:16px;padding:14px 6%;background:var(--preview-paper);font-size:12px;line-height:1.6;color:var(--preview-soft);border-top:1px solid color-mix(in srgb,var(--preview-ink) 18%,transparent)}
.direction-preview .direction-foot>span:last-child{white-space:nowrap}
.direction-preview[data-skin=creative] .direction-content{border-left:6px solid #766548}
.direction-preview[data-skin=minimal] .direction-content h3,.direction-preview[data-skin=corporate] .direction-content h3,.direction-preview[data-skin=commerce] .direction-content h3{font-family:Arial,'PingFang TC',sans-serif;font-weight:500}
@container(max-width:440px){
 .direction-preview .direction-nav{padding:16px 6%}
 .direction-preview .direction-edition{display:none}
 .direction-preview .direction-content{width:100%;padding-block:22px;background:var(--preview-paper);order:3}
 .direction-preview .direction-content h3{font-size:clamp(24px,7cqw,31px)}
 .direction-preview .direction-image{position:static;width:100%;height:140px;flex:none;object-position:50% 60%;z-index:auto;order:2}
 .direction-preview .direction-nav{order:1}
 .direction-preview .direction-foot{order:4}
 .direction-preview .direction-foot{font-size:12px}
}
.immersive-home .brand-preview.direction-preview{flex:1;min-height:360px;max-height:none}
.immersive-home .device{aspect-ratio:auto;max-height:none;overflow:visible}
.immersive-home .device-area{min-height:0}
.immersive-home .preview-root{grid-template-rows:44px auto 44px auto;align-content:center}
.immersive-home .app{height:auto;min-height:0;grid-template-rows:60px minmax(690px,auto) 126px 44px}
.immersive-home.maximized .app{grid-template-rows:60px minmax(760px,auto) 126px 44px}
.immersive-home .preview-root.portrait .device{height:auto;max-width:310px;width:100%;aspect-ratio:auto}
.immersive-home .preview-root.portrait .brand-preview.direction-preview{min-height:440px}
.immersive-home .site-footer{background:#1b1b18;border-color:#6c6354}
@media(max-width:820px){
 .immersive-home .app{height:auto;min-height:0}
 .immersive-home .device,.immersive-home .preview-root.portrait .device{height:auto;min-height:0;max-width:100%;width:100%;aspect-ratio:auto}
 .immersive-home .preview-root,.immersive-home .preview-root.portrait{min-height:0;grid-template-rows:auto auto auto auto}
 .immersive-home .brand-preview.direction-preview{min-height:390px}
}
@media(forced-colors:active){.direction-preview{background:Canvas;color:CanvasText}.direction-preview .direction-cta{border:1px solid ButtonText}}