/* Shared free catalogue and focused reading styles. White, hanji and seal red. */
.seori-category-nav{display:flex;align-items:stretch;justify-content:flex-start;background:#fffdfa;border-bottom:1px solid #e2ddd4;position:relative;z-index:2;gap:28px;padding:0 20px;min-height:49px}
.seori-category-nav a{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:0 2px;min-height:49px;color:#77736c;font-size:16px;font-weight:650;text-decoration:none;white-space:nowrap}
.seori-category-nav a[aria-current="page"]{color:#a43129;font-weight:800}
.seori-category-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#a43129}
.seori-category-nav a:focus-visible,.free-card:focus-visible{outline:2px solid #a43129;outline-offset:-3px}
.free-hub .free-hub-intro{padding:43px 24px 30px;background:#fffdfa;text-align:left}
.free-hub-intro h1{font-size:clamp(28px,7.8vw,36px);font-weight:850;line-height:1.35;letter-spacing:-.055em;margin:14px 0 21px}
.free-hub-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#625e57}
.free-hub-meta{display:inline-block;font-size:12px;color:#8a7964;border-top:1px solid #e2ddd4;padding-top:16px;margin-top:14px}
.free-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding:8px 24px 36px}
.free-card{display:block;min-width:0;text-decoration:none;color:#242424}
.free-card-art{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f1ede3;margin-bottom:14px}
.free-card-art:before{content:"";position:absolute;inset:17%;border:1px solid currentColor;border-radius:50%;opacity:.17}
.free-card-art:after{content:"";position:absolute;inset:10%;border:1px solid currentColor;opacity:.08}
.free-card-art i{font-family:"Noto Serif KR",serif;font-style:normal;font-size:clamp(45px,13vw,62px);line-height:1.2;font-weight:400}
.free-card-art>span{font-size:10px;letter-spacing:.1em;margin-top:13px}
.art-five-elements{background:#eaf0eb;color:#53675b}.art-attraction{background:#f6e9e6;color:#a25750}.art-benefactor{background:#edece1;color:#776947}.art-money-habits{background:#f1e9db;color:#906737}.art-day-pillar{background:#e8edf1;color:#5b6a7c}.art-life-palace{background:#ece9f1;color:#645975}
.free-card strong{font-size:18px;font-weight:800;letter-spacing:-.04em}
.free-card>p{font-size:13px;color:#777067;line-height:1.6;word-break:keep-all;margin:7px 0 11px}
.free-card-link{font-size:12px;color:#a43129;font-weight:700}
.free-hub-note{border-top:1px solid #e2ddd4;padding:24px;margin:0;font-size:13px;line-height:1.9;color:#77736c}
.free-hub .shell-ft,.product-catalog .shell-ft{padding:30px 24px;background:#f3eee5;border-top:1px solid #e2ddd4;color:#827a70;font-size:11px;line-height:1.9;word-break:keep-all}
.free-hub .shell-ft-links,.product-catalog .shell-ft-links{margin-top:16px}
.free-hub .shell-ft a,.product-catalog .shell-ft a{color:inherit}
.seori-focused .free-intro{text-align:left;padding-bottom:32px}
.free-hero-mark{display:flex;width:70px;height:70px;align-items:center;justify-content:center;font:36px Georgia,serif;color:#9d3a31;background:#f1ebe0;border:1px solid #ddd4c7;margin:22px 0}
.seori-focused .free-intro h1{font-size:clamp(29px,8vw,38px);text-wrap:balance;line-height:1.4}
.seori-focused .free-gender{padding:0;border:0;margin:0 0 20px;display:flex;gap:12px}
.free-gender legend{font-size:14px;font-weight:700;margin-bottom:10px}
.free-gender label{flex:1;display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid #d9d3c8;min-height:48px;background:#fffdfa;font-size:15px}
.free-gender label:has(input:checked){color:#a43129;border-color:#a43129}
.free-gender input{accent-color:#a43129;width:17px;height:17px}
.seori-focused #reading-result{scroll-margin-top:84px;padding:36px 24px 8px}
.reading-result-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f1ebe0;color:#963c33;border-radius:50%;font-family:serif;font-size:31px;margin:18px 0}
.seori-focused #reading-title{font-size:29px;line-height:1.45;word-break:keep-all;text-wrap:balance}
.reading-facts{margin:24px 0 32px;padding:0;border-top:2px solid #a43129}
.reading-facts>div{display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7cc;padding:15px 2px}
.reading-facts dt{font-size:13px;color:#7d6c58;min-width:56px;max-width:42%}
.reading-facts dd{margin:0;text-align:right;line-height:1.65;font-size:16px;font-weight:650;word-break:keep-all}
.reading-prose-label{display:block;font-size:13px;color:#a43129;font-weight:750;margin:26px 0 9px}
.seori-focused #reading-paragraphs p{font-size:18px;line-height:1.95;word-break:keep-all;overflow-wrap:break-word;margin:0 0 25px;letter-spacing:-.035em}
.seori-focused .reading-basis{font-size:12px;line-height:1.8;color:#888076;border-top:1px solid #ded7cc;padding-top:18px}
.seori-focused #product-followup{margin-top:28px}
.seori-focused #product-info-title{white-space:pre-line}
.free-other-link{display:block;text-align:center;color:#6c6255;font-size:15px;padding:25px 16px}
.seori-focused .free-next .free-button{font-size:16px}
.seori-focused .error:empty{display:none}
.seori-free [hidden],.free-hub [hidden]{display:none!important}
@media(max-width:359px){.free-catalog{gap:24px 12px;padding-left:18px;padding-right:18px}.free-card strong{font-size:16px}.free-card>p{font-size:12px}.seori-focused .free-next .free-button{font-size:14px}.reading-facts dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.seori-focused *{scroll-behavior:auto!important}}


/* 184: unknown-time results reuse the paper surface and existing buttons. */
.unknown-time-notice{margin:0 0 28px;padding:18px 20px;background:#f1ede4;border-left:3px solid #a3372b;font-size:15px;line-height:1.8;color:#554c41}
.unknown-time-actions{margin-top:28px;padding-top:20px;border-top:1px solid #ded4c6}
.unknown-time-actions .text-link{border:0;background:none;padding:12px 0;cursor:pointer;font:inherit;color:#a3372b;text-align:left}
.unknown-time-actions .free-button{margin:16px 0}
.date-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.date-pillars>div{display:grid;gap:8px;text-align:center}.date-pillars small{color:#786a59}
.pillar-letter{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #ddd2c1;font-size:28px;background:#faf7ef}
.pillar-letter.empty{background:transparent;border-style:dashed}

.result-paper > .unknown-time-notice{margin-bottom:28px}