/* Gyeol editorial system: existing ink, hanji and self-hosted fonts. */
body.gyeol-mobile-ui{--design-ink:#303a35;--design-muted:#59665d;--design-paper:#fbf8f1;--design-line:#dcded3;--design-radius:14px;--design-space:20px;--design-duration:180ms;--design-prose:GyeolSerif,MaruBuri,serif;--serif:var(--design-prose)}
body.gyeol-mobile-ui header.site-header,body.gyeol-mobile-ui .workspace>header.site-header{min-height:64px;padding-top:8px;padding-bottom:8px;background:#fbf8f1ed;backdrop-filter:blur(12px);align-items:center}
body.gyeol-mobile-ui .directory-bottom-nav{background:#fbf8f1ed;backdrop-filter:blur(12px);padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}
body.gyeol-mobile-ui .directory-bottom-nav a{transition:color var(--design-duration),background-color var(--design-duration);min-height:48px}
body.gyeol-mobile-ui .directory-bottom-nav a[aria-current=page]{background:#e8ece3;border-radius:10px}
body.gyeol-mobile-ui #home-service-carousel .discovery-dots button{flex:0 0 44px;width:44px;min-width:44px;min-height:44px}
body.gyeol-mobile-ui #home-service-carousel .discovery-pause{width:44px;min-width:44px;min-height:44px}
body.gyeol-mobile-ui :is(a,button,input,summary):focus-visible{outline:2px solid #355d49;outline-offset:4px}
body.gyeol-mobile-ui :is(.commerce-free-note,.commerce-card-description,.home-shelf-heading p,.catalog-card-caption small){color:var(--design-muted)}
.design-eyebrow{font:500 12px/1.6 var(--sans);letter-spacing:.06em;color:var(--design-muted)}
body.gyeol-mobile-ui #app .home-discovery .home-shelf{margin-bottom:42px}
body.gyeol-mobile-ui .home-shelf-heading{align-items:end;margin-bottom:16px}
body.gyeol-mobile-ui .home-shelf-heading h2{font:600 23px/1.5 var(--design-prose)}
body.gyeol-mobile-ui .home-shelf-heading p{line-height:1.7;max-width:35em}
body.gyeol-mobile-ui .home-shelf-heading a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
body.gyeol-mobile-ui .home-shelf-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
body.gyeol-mobile-ui .home-shelf-track.topic-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;gap:14px;padding:0 0 14px;overscroll-behavior-inline:contain}
.topic-track>.home-service-card{flex:0 0 70%;scroll-snap-align:start;min-width:0}
body.gyeol-mobile-ui .home-service-card .home-card-art,body.gyeol-mobile-ui .catalog-product .catalog-cover{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--design-radius);overflow:hidden;isolation:isolate}
body.gyeol-mobile-ui .home-card-art img,body.gyeol-mobile-ui .catalog-cover .catalog-art{width:100%;height:100%;object-fit:cover;object-position:40% center}
body.gyeol-mobile-ui .home-card-art[data-product="inner-heart"] img{object-position:32% center}
body.gyeol-mobile-ui .home-card-art[data-product^="saju-"] img{object-position:44% center}
@media(prefers-reduced-motion:no-preference){body.gyeol-mobile-ui .commerce-enter{animation:design-card-in .22s ease-out both}@keyframes design-card-in{from{transform:translateY(6px)}to{transform:none}}}
body.gyeol-mobile-ui .home-service-card:has(.product-art-copy)>.home-card-caption,body.gyeol-mobile-ui .catalog-product:has(.product-art-copy) .catalog-card-caption{position:static!important;width:auto;height:auto;overflow:visible;clip-path:none;padding:8px 0 0;margin:0;white-space:normal}
body.gyeol-mobile-ui :is(.home-card-caption,.catalog-card-caption) small{display:none}
body.gyeol-mobile-ui :is(.home-service-card,.catalog-product) :is(.home-card-caption h3,.catalog-card-caption h2){font-size:15px;line-height:1.4;font-weight:700;color:#111!important;text-shadow:none!important;margin:0;word-break:keep-all}
body.gyeol-mobile-ui :is(.home-service-card,.catalog-product) .commerce-card-description{display:block;margin:3px 0 0;font-size:14px;line-height:1.5;word-break:keep-all;color:#111}
body.gyeol-mobile-ui .poster-copy[data-poster-kind="card"] .product-art-subtitle{display:none}
body.gyeol-mobile-ui .home-service-card .commerce-price,body.gyeol-mobile-ui .catalog-product .commerce-price{padding-top:10px}
/* Reposition the existing navigation; keep its URLs, account state and event handlers. */
@media(max-width:380px){body.gyeol-mobile-ui .product-art-copy{padding:12px 10px}body.gyeol-mobile-ui .product-art-subtitle{font-size:9px}body.gyeol-mobile-ui #app .brand-story h1{font-size:25px}.brand-story{padding:30px 20px;margin-inline:16px}.brand-story-seal{right:16px}.recommend-heading{display:block}.recommend-heading p{margin-top:6px}body.gyeol-mobile-ui .home-shelf-heading h2{font-size:21px}}
@media(prefers-reduced-motion:no-preference){body.gyeol-mobile-ui #reading-app>:is(.service-intro-hero,.report-edition-cover){animation:design-page-in .22s ease-out}@keyframes design-page-in{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}body.gyeol-mobile-ui :is(.home-service-card,.commerce-catalog-link):active{transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){body.gyeol-mobile-ui *,body.gyeol-mobile-ui *::before,body.gyeol-mobile-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Card lettering uses muted colors sampled from each illustration. */
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"]{--poster-ink:#34483d;--poster-shadow:none;color:var(--poster-ink);text-shadow:none}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-love-signal{--poster-ink:#69494c}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-inner-heart{--poster-ink:#e1e7ed}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-flirt-to-love{--poster-ink:#505b44}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-first-message{--poster-ink:#f1debd}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-wait-or-release{--poster-ink:#ead7ca}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-love-three-months{--poster-ink:#e9e3c6}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-new-connection{--poster-ink:#4a5943}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-career-move{--poster-ink:#e0e3dc}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-detail{--poster-ink:#eddfbb}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-2025{--poster-ink:#f1d0a0}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-2026{--poster-ink:#324e3e}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-2027{--poster-ink:#344958}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"]:is(.poster-inner-heart,.poster-first-message,.poster-wait-or-release,.poster-love-three-months,.poster-career-move,.poster-saju-detail,.poster-saju-2025){--poster-shadow:0 1px 2px #17251f66}
/* A quiet book-cover hierarchy with room around each title. */
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"]{--poster-title-size:18cqw;--poster-lead-size:10.5cqw;align-items:flex-start;padding:10px 7cqw 7.5cqw;text-align:left}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"] :is(h2,h3){font-family:GyeolPosterTrial,serif!important;font-weight:400;color:var(--poster-ink)!important;text-shadow:none!important;text-align:inherit!important;letter-spacing:-.03em}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"] :is(.poster-lead,strong){color:var(--poster-ink);background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;filter:none;text-shadow:var(--poster-shadow)}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"] .poster-lead{font-size:var(--poster-lead-size);font-weight:400;letter-spacing:.01em;line-height:1.35;margin-bottom:2cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"] strong{font-family:inherit!important;font-size:var(--poster-title-size);font-weight:400;letter-spacing:-.03em;line-height:1.24}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"]:is(.poster-inner-heart,.poster-first-message,.poster-wait-or-release,.poster-career-move,.poster-saju-detail,.poster-saju-2025,.poster-saju-2027){align-items:flex-end;text-align:right}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-love-signal{--poster-title-size:14.1cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-inner-heart{--poster-title-size:22cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-flirt-to-love{--poster-title-size:13.7cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-first-message{--poster-title-size:14.5cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-wait-or-release{--poster-title-size:20cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-love-three-months{--poster-title-size:17cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-new-connection{--poster-title-size:19.5cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-career-move{--poster-title-size:14cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-detail{--poster-title-size:18cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-2025{--poster-title-size:14.8cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-2026{--poster-title-size:17cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"].poster-saju-2027{--poster-title-size:19cqw}
body.gyeol-app-shell .product-art-copy.poster-copy[data-poster-kind="card"]:is(.poster-saju-2025,.poster-saju-2026,.poster-saju-2027){--poster-lead-size:20cqw}
