/* Shared reading scale and page frame. Content layouts may vary; typography does not. */
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{--font-sans:'Noto Sans KR',sans-serif;--font-serif:'Cormorant Garamond','Noto Sans KR',serif;font-family:var(--font-sans)!important;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none;background:#faf7f2;color:#302a26}
body h1,body h2,body h3{font-family:var(--font-serif);font-synthesis:none}
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] .edition-title{font-family:'Noto Sans KR',sans-serif!important;letter-spacing:-.035em!important;word-break:keep-all;line-height:1.4}
body p:not(footer *, nav *):not([class*="eyebrow"]):not([class*="label"]):not([class*="meta"]):not([class*="badge"]):not([class*="note"]):not([class*="foot"]):not([class*="date"]){font-size:max(14px, .9375rem);line-height:1.8}
.mp-copy,.pick-copy,.product p,.article-body p,.post-content p,.edition-desc{font-size:15px!important;line-height:1.8!important}
.mp-hero,.hub-hero{max-width:1140px!important;margin-inline:auto!important;padding:44px 0 28px!important;text-align:left!important;background:transparent!important}
.mp-hero .eyebrow,.mp-hero p,.hub-hero p{text-align:left!important;margin-left:0!important;letter-spacing:normal}
.mp-hero h1,.hub-hero h1{font-size:clamp(32px,4vw,54px)!important;letter-spacing:-.025em!important;line-height:1.3!important;margin:12px 0!important}
.mp-hero p,.hub-hero p{max-width:720px!important;color:#665a50}
body .mp-card{border-radius:0}.mp-day{max-width:1220px}.mp-product .n{white-space:normal;line-height:1.7}
@media(max-width:760px){.mp-hero,.hub-hero{padding:28px 20px 22px!important}.mp-hero h1,.hub-hero h1{font-size:32px!important}.mp-hero p{font-size:15px!important}.archive-tools{margin:0 20px!important;padding:16px 0!important}.archive-tools input{max-width:100%}.mp-day{padding-inline:20px!important}}
/* Readability floor: never shrink useful information to make a layout fit. */
body p:not(footer *, nav *, .mobile-menu *),body li:not(footer *, nav *, .mobile-menu *),body label,body input,body select,body textarea{font-size:16px!important;line-height:1.8!important}
body small,body figcaption,body .eyebrow,body [class*="eyebrow"],body [class*="meta"],body [class*="badge"],body .edition-meta,body .affiliate-note,body .archive-link,body .mp-image-note{font-size:14px!important;line-height:1.65!important}
body .mp-copy,body .pick-copy,body .pick-details,body .product p,body .article-body p,body .post-content p,body .edition-desc{font-size:16px!important;line-height:1.8!important}
body .product a, body .mp-product, body .mp-product .c, body .guide-list small {font-size:14px!important;line-height:1.75!important}
html[lang=ko] p,html[lang=ko] li{word-break:keep-all;overflow-wrap:anywhere}
body .pick h2,body .mp-card h3{font-size:26px!important;line-height:1.4!important}
body .pick-details summary{min-height:44px;padding:10px 0}