/* Cultural illustrations and their reading surfaces are independent of form and account logic. */
.culture-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.12fr;min-height:365px;overflow:hidden;border-radius:13px;background:var(--culture-night);color:#f5f0e7;border:1px solid #ffffff14;margin:3px 0 28px;box-shadow:0 18px 45px #302b3511}.culture-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 8% 10%,#ffffff08,transparent 50%);pointer-events:none;z-index:-1}.culture-hero-copy{position:relative;z-index:2;padding:36px 15px 37px 37px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.culture-region{font-size:10px;letter-spacing:2px;color:#e4d4b9;display:block}.culture-chapter{font-size:8px;letter-spacing:1.8px;color:#c0b7c3;display:block;margin-top:9px}.culture-hero h1{font:38px/1.45 "Songti SC",SimSun,serif;letter-spacing:-.9px;margin:17px 0 14px;max-width:440px;text-wrap:balance}.culture-hero-copy>p{font-size:12px;line-height:1.95;color:#dbd7d5;max-width:355px}.culture-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.culture-tags span{font-size:8px;border:1px solid #f0dacd35;border-radius:20px;padding:3px 9px;color:#eadfd0}.culture-hero-actions{display:flex;align-items:center;gap:17px;margin-top:22px}.culture-primary{background:#efe4cb;color:#29252c;padding:11px 18px;font-size:11px;border:1px solid #f8eccd}.culture-story-link{font-size:10px;color:#eee3d1;border-bottom:1px solid #c3b39675;padding:5px 0}.culture-hero-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.culture-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--culture-night),transparent 22%);pointer-events:none}.culture-hero-art img{height:100%;width:100%;object-fit:cover;object-position:center;display:block}.culture-art-caption{position:absolute;z-index:1;bottom:15px;right:18px;color:#d2c7bd80;font-size:6px;letter-spacing:1.4px}.culture-tool-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #dedbd1}.culture-tool-heading>span{font:21px "Songti SC",serif;color:var(--method-accent,#73677f)}.culture-tool-heading small{font-size:10px;color:var(--muted);max-width:550px}.tool-anchor{scroll-margin-top:25px}.culture-notes{margin-top:30px;padding:29px;background:#fffdf8;border:1px solid #dfdcd3;border-radius:8px;scroll-margin-top:25px}.culture-notes header>span{font-size:8px;letter-spacing:1.8px;color:var(--culture-accent)}.culture-notes header>h2{font:26px/1.5 "Songti SC",serif;margin:9px 0}.culture-notes header>p{font-size:11px;color:var(--muted)}.culture-note-tabs{display:flex;gap:3px;border-bottom:1px solid #dedbd2;margin:23px 0 0}.culture-note-tabs button{font-size:11px;padding:10px 13px;color:var(--muted);border-bottom:2px solid transparent}.culture-note-tabs button.selected{color:var(--culture-accent);border-bottom-color:var(--culture-accent)}.culture-note-panel{padding:23px 0 17px;min-height:156px}.culture-note-panel>small{font-size:9px;color:var(--culture-accent)}.culture-note-panel>h3{font-size:16px;font-weight:500;margin:10px 0}.culture-note-panel>p{font-size:12px;line-height:1.95;color:#72756b;max-width:690px}.culture-timeline{list-style:none;margin:23px 0 0;padding:0 0 0 13px;border-left:1px solid var(--culture-accent)}.culture-timeline li{position:relative;padding:0 0 15px 9px}.culture-timeline li:before{position:absolute;left:-17px;top:6px;height:6px;width:6px;background:var(--culture-accent);border-radius:50%;content:''}.culture-timeline li span{font-size:11px;color:#3e433b}.culture-timeline li p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:5px}.culture-swatches{display:flex;gap:10px;margin:21px 0 0}.culture-swatches span{width:74px;height:48px;display:grid;place-items:center;font-size:9px;color:#fff7e8;border-radius:5px}.culture-swatches span.light{color:#625f5a;border:1px solid #dad6ce}.culture-sources{border-top:1px solid #e3e0d6;padding-top:17px;display:flex;flex-wrap:wrap;gap:9px 14px;font-size:9px;color:var(--muted)}.culture-sources>span{color:#969285}.culture-sources a{text-decoration:underline;text-underline-offset:3px}.culture-workspace .work-nav a.active{color:var(--method-accent);background:#eeebe3}.culture-workspace .palace.selected{border-color:var(--method-accent)}.culture-workspace .work-nav{position:sticky;top:20px}.culture-workspace .button.dark{background:#353845;background:color-mix(in srgb,var(--method-accent) 78%,#17202a);color:#fff}.culture-workspace .button.dark:disabled{background:#777d71}.method-card[data-theme]{position:relative;overflow:hidden;isolation:isolate;padding-top:0}.method-card-landscape{height:116px;width:calc(100% + 46px);margin:0 -23px 20px;overflow:hidden;background:#27343e}.method-card-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .4s}.method-card:hover .method-card-landscape img{transform:scale(1.035)}.method-card[data-theme=ziwei]{background:#f4f0f7}.method-card[data-theme=bazi]{background:#f0f3e9}.method-card[data-theme=chenggu]{background:#f8f0e5}.method-card[data-theme=huangji]{background:#eff4f4}.method-card[data-theme=tarot]{background:#f5f0e7}.method-card[data-theme=omikuji]{background:#f8efeb}.method-card[data-theme=runes]{background:#eef6f3}.method-card[data-theme=vedic]{background:#f7eee5}.method-card[data-theme=ziwei] .method-icon{color:#8b6daa;background:#e6ddef}.method-card[data-theme=bazi] .method-icon{color:#4e7b64;background:#dde7d9}.method-card[data-theme=chenggu] .method-icon{color:#a26348;background:#eedecd}.method-card[data-theme=huangji] .method-icon{color:#416f7c;background:#dce7ea}.method-card[data-theme=tarot] .method-icon{color:#8b7657;background:#e9dfca}.method-card[data-theme=omikuji] .method-icon{color:#ae5547;background:#eedbd4}.method-card[data-theme=runes] .method-icon{color:#3c8b82;background:#d6e9e3}.method-card[data-theme=vedic] .method-icon{color:#b07843;background:#efe0cb}.culture-omikuji .culture-primary{background:#f4e6da;color:#583a36}.culture-runes .culture-primary{background:#dbefe9;color:#1d514a}.culture-bazi .culture-primary{background:#e6edce;color:#35503b}.culture-vedic .culture-primary{background:#f0d6aa;color:#573e32}
@media(max-width:1000px){.culture-hero{grid-template-columns:1fr 1fr;min-height:350px}.culture-hero-copy{padding-left:28px}.culture-hero h1{font-size:33px}.culture-tags{gap:5px}.culture-hero-art img{object-position:58% center}.culture-hero-actions{gap:13px}.culture-note-tabs button{padding:10px 9px;font-size:10px}.culture-notes{padding:24px}}
@media(max-width:760px){.culture-hero{grid-template-columns:1fr;min-height:0;border-radius:10px;margin-bottom:24px}.culture-hero-copy{padding:29px 25px 25px;min-height:300px}.culture-hero h1{font-size:32px;max-width:420px;margin-top:15px}.culture-hero-copy>p{max-width:420px;font-size:12px}.culture-hero-art{height:220px}.culture-hero-art:after{background:linear-gradient(180deg,var(--culture-night),transparent 30%)}.culture-hero-art img{object-fit:cover;object-position:center 48%;height:260px}.culture-art-caption{font-size:5px;right:14px}.culture-tags{margin-top:16px}.culture-tool-heading{display:block;margin-top:5px}.culture-tool-heading>small{display:block;margin-top:9px;font-size:10px;line-height:1.8}.culture-workspace .work-nav{position:static}.culture-notes{padding:22px 19px}.culture-notes header>h2{font-size:24px}.culture-note-panel>p{font-size:12px}.culture-note-tabs{gap:0}.culture-note-tabs button{padding:10px 11px;font-size:10px}.culture-note-panel{min-height:0}.method-card-landscape{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;height:130px}.culture-swatches span{height:43px;width:67px}}
@media(max-width:420px){.culture-hero-copy{padding:27px 22px 22px;min-height:295px}.culture-hero h1{font-size:30px}.culture-hero-art{height:190px}.culture-chapter{letter-spacing:1.3px;font-size:7px}.culture-tags span{font-size:8px}.culture-story-link{font-size:10px}.method-card-landscape{height:160px}.culture-note-tabs button{padding:10px 9px}}
@media(prefers-reduced-motion:reduce){.method-card-landscape img{transition:none}.method-card:hover .method-card-landscape img{transform:none}}
@media print{.culture-hero{display:none}.culture-notes{display:none}.culture-tool-heading{padding-top:8px}.culture-workspace .work-nav{display:none}.culture-workspace .work-layout{display:block}}

.culture-note-panel>small,.culture-notes header>span,.culture-note-tabs button.selected,.culture-tool-heading>span{color:color-mix(in srgb,var(--culture-accent,var(--method-accent,#73677f)) 78%,#17202a)}