/* Unified presentation for published Nayun article and review detail pages. */
.article-page{background:#f7fbfe;color:#4b6b82;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.9}
.article-page .site-head{background:rgba(255,255,255,.94);border-bottom:1px solid #dbeaf3}
.article-page .site-head .bar{max-width:1120px;padding:0 24px}
.article-page .brand{font-size:19px;letter-spacing:.015em}
.article-page .nav{gap:3px}
.article-page .nav a{color:#466882;font-size:14px;font-weight:700;padding:8px 10px}
.article-page .nav a:hover,.article-page .nav a[aria-current="page"]{background:#edf7ff;color:#3659d9}
.article-page .shell{max-width:1120px;padding:40px 24px 76px}
.article-page .content{max-width:1040px;margin:0 auto}
.article-page .content>section,.article-page .content>.article-body>section{margin:0 0 38px}
.article-page .content p{margin:0 0 18px}
.article-page .content h1,.article-page .content .page-title{font-family:"Noto Serif SC","Songti SC",serif;font-size:38px;line-height:1.32;letter-spacing:-.035em;color:#1e4765;margin:22px 0 20px}
.article-page .content h2{font-family:"Noto Serif SC","Songti SC",serif;font-size:27px;line-height:1.4;letter-spacing:-.025em;color:#244f6f;margin:42px 0 16px}
.article-page .content h3{font-size:19px;line-height:1.5;color:#2c5877;margin:28px 0 12px}
.article-page .content .lead,.article-page .content .article-lead{font-size:18px;line-height:1.8;color:#496d86;max-width:920px}
.article-page .content .eyebrow,.article-page .content .kicker,.article-page .content .back,.article-page .content .crumbs{font-size:14px;font-weight:700;color:#4a81a8}
.article-page .content .back,.article-page .content .crumbs a{color:#287fb8}
.article-page .content .notice,.article-page .content .scope-note{border:1px solid #cfe4f2;border-left:4px solid #52a8db;background:#f0f9ff;color:#476c85;border-radius:12px;padding:16px 18px;margin:24px 0 32px}
.article-page .content figure{margin:26px auto 30px;max-width:100%}
.article-page .content figure img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid #dceaf2;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(46,103,141,.08)}
.article-page .content figure figcaption{margin-top:10px;color:#71899b;font-size:13px;line-height:1.7;text-align:center}
.article-page .content .table-scroll,.article-page .content .table-wrap{width:100%;overflow-x:auto;border:1px solid #d6e6f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(42,100,137,.06);margin:20px 0 28px;-webkit-overflow-scrolling:touch}
.article-page .content .table-scroll table,.article-page .content .table-wrap table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;margin:0;font-size:14px;line-height:1.65;color:#496a81}
.article-page .content .table-scroll th,.article-page .content .table-wrap thead th{background:#edf7fd;color:#2c5877;font-weight:800;white-space:nowrap}
.article-page .content .table-scroll th,.article-page .content .table-scroll td,.article-page .content .table-wrap th,.article-page .content .table-wrap td{padding:13px 15px;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid #e3edf4}
.article-page .content .table-wrap tbody th{width:190px;background:#f7fbfe;color:#325d7b;font-weight:800}
.article-page .content .table-scroll tbody tr:last-child td,.article-page .content .table-scroll tbody tr:last-child th,.article-page .content .table-wrap tbody tr:last-child td,.article-page .content .table-wrap tbody tr:last-child th{border-bottom:0}
.article-page .content .table-scroll a[href],.article-page .content .table-wrap a[href]{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;border:1px solid #4f46e5;border-radius:9px;background:#4f46e5;color:#fff!important;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 5px 13px rgba(79,70,229,.16);transition:background .16s ease,transform .16s ease}
.article-page .content .table-scroll a[href]:hover,.article-page .content .table-wrap a[href]:hover{background:#3e38cd;border-color:#3e38cd;transform:translateY(-1px)}
.article-page .content ul,.article-page .content ol{padding-left:1.35em;margin:0 0 20px}
.article-page .content li{margin:7px 0}
@media(max-width:900px){.article-page .site-head .bar{height:auto;min-height:68px;padding:10px 16px;align-items:flex-start;flex-wrap:wrap}.article-page .brand{width:100%;font-size:18px}.article-page .nav{width:100%;justify-content:center;flex-wrap:wrap;gap:2px}.article-page .nav a{font-size:13px;padding:6px 8px}.article-page .shell{padding:30px 16px 58px}.article-page .content{max-width:none}.article-page .content h1,.article-page .content .page-title{font-size:30px}.article-page .content h2{font-size:24px;margin-top:34px}.article-page .content .lead,.article-page .content .article-lead{font-size:17px}.article-page .content .table-scroll th,.article-page .content .table-scroll td,.article-page .content .table-wrap th,.article-page .content .table-wrap td{padding:12px}.article-page .content .table-wrap tbody th{width:150px}}

/* Homepage visual-system alignment: this block intentionally overrides older scoped Astro article rules. */
.article-page{background:#f7faff!important;color:#52667f!important;font-family:-apple-system,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;line-height:1.8}
.article-page .site-head{background:#fff!important;border-bottom:1px solid #dce5ef!important;box-shadow:none!important}
.article-page .site-head .bar{max-width:1180px!important;height:74px!important;padding:0!important}
.article-page .brand{color:#4f46e5!important;font-family:-apple-system,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;font-size:22px!important;font-weight:800!important;letter-spacing:0!important;line-height:1!important}
.article-page .brand:before{display:none!important}.article-page .brand small{display:none!important}
.article-page .nav{gap:20px!important}.article-page .nav a{padding:9px 10px!important;border-radius:10px!important;color:#52667f!important;font-family:-apple-system,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important}.article-page .nav a[aria-current="page"]{background:#eef7ff!important;color:#4f46e5!important}.article-page .nav a:hover{background:#f1f6fb!important;color:#4f46e5!important}
.article-page .content h1,.article-page .content .page-title,.article-page .content h2,.article-page .content h3{font-family:-apple-system,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;color:#17243a!important;letter-spacing:-.02em!important}.article-page .content h1,.article-page .content .page-title{font-size:36px!important;font-weight:800!important}.article-page .content h2{font-size:25px!important;font-weight:750!important}.article-page .content h3{font-size:19px!important;font-weight:750!important}.article-page .content .lead,.article-page .content .article-lead{color:#52667f!important;font-size:17px!important}
.article-page .content .table-scroll>table,.article-page .content .table-wrap>table{display:table!important;width:100%!important;min-width:700px!important;table-layout:auto!important;border-collapse:collapse!important}.article-page .content .table-scroll>table>thead,.article-page .content .table-wrap>table>thead{display:table-header-group!important}.article-page .content .table-scroll>table>tbody,.article-page .content .table-wrap>table>tbody{display:table-row-group!important}.article-page .content .table-scroll>table tr,.article-page .content .table-wrap>table tr{display:table-row!important}.article-page .content .table-scroll>table th,.article-page .content .table-scroll>table td,.article-page .content .table-wrap>table th,.article-page .content .table-wrap>table td{display:table-cell!important;width:auto!important}.article-page .content .table-scroll,.article-page .content .table-wrap{background:#fff!important;border-color:#dce5ef!important;border-radius:16px!important;overflow-x:auto!important}.article-page .content .table-scroll th,.article-page .content .table-wrap thead th{background:#eef7ff!important;color:#2e4f70!important}.article-page .content .table-scroll a[href],.article-page .content .table-wrap a[href]{background:#4f46e5!important;border-color:#4f46e5!important;border-radius:8px!important;box-shadow:0 7px 16px rgba(79,70,229,.18)!important}.article-page .content .table-scroll a[href]:after,.article-page .content .table-wrap a[href]:after{content:"↗";margin-left:6px;font-size:12px;line-height:1}
.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]){margin:44px 0 28px!important;padding:26px 28px!important;border:1px solid #dce5ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(35,66,100,.06)!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) h2{margin:0 0 10px!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) p{color:#52667f!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-row,.article-page :is(.official-entry,.promo-cta[data-official-entry="1"])>div:has(>img){display:flex!important;align-items:center!important;gap:12px!important;min-height:54px!important;margin:18px 0!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) img{width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important;border:1px solid #e0e9f1!important;border-radius:12px!important;background:#fff!important;padding:5px!important;box-shadow:none!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-name{font-size:16px!important;font-weight:800!important;color:#17243a!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-btn,.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) a[href^="http"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;margin-left:auto!important;padding:8px 16px!important;border:1px solid #4f46e5!important;border-radius:8px!important;background:#fff!important;color:#4f46e5!important;font-size:14px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-btn:after,.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) a[href^="http"]:after{content:"↗";margin-left:6px;font-size:12px}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-btn:hover,.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) a[href^="http"]:hover{background:#4f46e5!important;color:#fff!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-disclosure{font-size:14px!important;line-height:1.75!important;margin:14px 0 0!important}
@media(max-width:900px){.article-page .site-head .bar{height:auto!important;padding:12px 16px!important}.article-page .nav{gap:2px!important}.article-page .nav a{padding:7px 8px!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]){padding:20px!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-row,.article-page :is(.official-entry,.promo-cta[data-official-entry="1"])>div:has(>img){flex-wrap:wrap!important}.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) .promo-btn,.article-page :is(.official-entry,.promo-cta[data-official-entry="1"]) a[href^="http"]{margin-left:0!important}}