/* A shared visual layer for Yongjia; article content and tool behavior stay native. */
[data-site-design=yongjia]{--radius:12px;--radius-sm:8px;--shadow:0 8px 28px rgba(31,55,48,.045);--yj-banner-art:url('/assets/images/naming-reading.svg')}
[data-site-section=baby-naming]{--yj-banner-art:url('/assets/images/hero-baby.svg')}
[data-site-section=home]{--yj-banner-art:url('/assets/images/hero-home.svg')}
[data-site-section=nicknames]{--yj-banner-art:url('/assets/images/hero-nickname.svg')}
[data-site-section=pet-naming]{--yj-banner-art:url('/assets/images/hero-pet.svg')}
[data-site-section=brand-naming]{--yj-banner-art:url('/assets/images/hero-company.svg')}
[data-site-section=surnames]{--yj-banner-art:url('/assets/images/hero-surnames.svg')}
[data-site-section=characters]{--yj-banner-art:url('/assets/images/hero-characters.svg')}
[data-site-design] body{color:var(--ink);-webkit-font-smoothing:antialiased}
[data-site-design] h1,[data-site-design] h2,[data-site-design] .section-head h3{font-family:var(--serif);text-wrap:pretty}
[data-site-design] h1{letter-spacing:.025em}
[data-site-design] .eyebrow{color:#86623a;letter-spacing:.1em}
[data-site-design] .card,[data-site-design] .hero-card{border-color:var(--line);box-shadow:var(--shadow)}
[data-site-design] .btn{border-radius:8px;min-height:44px;font-weight:500}
[data-site-design] .btn.primary{background:var(--red);border-color:var(--red);color:var(--paper-2)}
[data-site-design] .btn.primary:hover{background:#942b28;border-color:#942b28}
[data-site-design] a:focus-visible,[data-site-design] button:focus-visible,[data-site-design] summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}
[data-site-design] .hero:not(.article-hero),[data-site-design] .info-hero{background:var(--paper);border-bottom:1px solid var(--line)}
[data-site-design] .info-hero::after{display:none}
[data-site-design] .info-nav{box-shadow:none;border:1px solid var(--line)}
[data-site-design] .info-content{box-shadow:none}
[data-site-design] .naming-directory-heading::after{display:none}
[data-site-design] .naming-directory-heading .article-hero-inner,[data-site-design] .info-hero>.container{background-image:var(--yj-banner-art);background-repeat:no-repeat;background-size:210px 130px;background-position:right center;padding-right:240px}
[data-site-design] .naming-directory-heading .article-hero-inner{background-size:280px 145px;padding-right:310px}
[data-site-design] .hero:not(.article-hero) .hero-inner>div:first-child,[data-site-design] .tool-hero-copy{background-image:var(--yj-banner-art);background-repeat:no-repeat;background-position:left bottom;background-size:240px 108px;padding-bottom:124px}
[data-site-design] .kd-home-hero-grid{align-items:stretch}
[data-site-design] .kd-home-copy{display:flex;flex-direction:column;min-width:0}
[data-site-design] .kd-home-copy-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:12px}
[data-site-design] .kd-home-copy-footer img{display:block;width:190px;max-width:45%;height:auto;min-width:0}
[data-site-design] .kd-home-copy-footer .kd-text-link{flex-shrink:0}
[data-site-design] .kd-hero-reading{display:flex;flex-direction:column}
[data-site-design] .kd-hero-reading .kd-question-link{flex:1}
[data-site-design] .home-core-card .feature-icon{background:var(--paper);color:var(--ink);border-radius:10px;border:1px solid var(--line)}
[data-site-design] .page-home [data-tag-topic]{padding-right:155px;background-repeat:no-repeat;background-size:130px auto;background-position:right 18px center}
[data-site-design] .page-home [data-tag-topic][href*="/topics/shijing"]{background-image:url('/assets/images/knowledge-poetry.svg')}
[data-site-design] .page-home [data-tag-topic][href*="/topics/yangnian"]{background-image:url('/assets/images/knowledge-sheep.svg')}
.yj-icon{display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[data-site-design] .article-prose,[data-site-design] .article-content{color:var(--ink)}
[data-site-design] .sitemap-block-heading h2{display:flex;gap:12px;align-items:center}
[data-site-design] .sitemap-block-heading .yj-icon{color:var(--gold);width:23px;height:23px}
[data-site-design] .sitemap-tool-title{align-items:center;gap:10px}
[data-site-design] .sitemap-tool-title>.yj-icon{width:22px;height:22px;color:var(--gold)}
[data-site-design] .sitemap-tool-title>span:last-child{margin-left:auto}
[data-site-design] .sitemap-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
[data-site-design] .sitemap-topic-entry>a,[data-site-design] .sitemap-topic-empty{display:flex;gap:12px;align-items:center;min-height:76px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
[data-site-design] .sitemap-topic-entry>a{justify-content:flex-start}
[data-site-design] .sitemap-topic-entry img{object-fit:contain;width:52px;height:38px;flex-shrink:0}
[data-site-design] .sitemap-topic-entry small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
[data-site-design] .sitemap-topic-empty{color:var(--muted)}
[data-site-design] .sitemap-specials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-site-design] .sitemap-specials>a{display:flex;align-items:center;gap:8px;background:var(--paper);padding:20px;border-radius:8px}
[data-site-design] .sitemap-specials h3{font-family:var(--serif);font-size:21px;margin:0 0 9px}
[data-site-design] .sitemap-specials p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
[data-site-design] .sitemap-specials span{font-size:12px;color:var(--ink-soft)}
[data-site-design] .sitemap-specials img{width:110px;height:100px;object-fit:contain;flex-shrink:0}
@media(max-width:1000px){[data-site-design] .sitemap-topics{grid-template-columns:repeat(2,minmax(0,1fr))}[data-site-design] .sitemap-specials img{width:80px;height:85px}}
@media(max-width:720px){[data-site-design] .naming-directory-heading .article-hero-inner,[data-site-design] .info-hero>.container{background-size:150px 80px;padding-right:0;background-position:right 12px top 12px}[data-site-design] .naming-directory-heading h1,[data-site-design] .info-hero h1{padding-right:0}[data-site-design] .naming-directory-heading .breadcrumbs{padding-right:145px}[data-site-design] .naming-directory-heading h1{margin-top:36px}[data-site-design] .hero:not(.article-hero) .hero-inner>div:first-child,[data-site-design] .tool-hero-copy{background-size:175px 80px;padding-bottom:92px}[data-site-design] .naming-directory-guide h2 br{display:none}[data-site-design] .naming-directory-guide ol{display:block}[data-site-design] .sitemap-topics{gap:0 16px}[data-site-design] .sitemap-topic-entry>a,[data-site-design] .sitemap-topic-empty{gap:8px;min-height:76px;font-size:12px}[data-site-design] .sitemap-topic-entry img{width:42px;height:34px}[data-site-design] .sitemap-topic-entry small{font-size:10px}[data-site-design] .sitemap-specials{grid-template-columns:1fr;gap:12px}[data-site-design] .sitemap-specials>a{padding:18px}[data-site-design] .sitemap-specials img{width:120px;height:105px}}
@media(prefers-reduced-motion:reduce){[data-site-design] *,[data-site-design] *::before,[data-site-design] *::after{scroll-behavior:auto!important}}
@media(max-width:720px){[data-site-design] .page-home [data-tag-topic]{padding-right:24px;padding-bottom:100px;background-size:110px auto;background-position:right 16px bottom 8px}}
@media(max-width:720px){[data-site-design] .info-hero h1{padding-right:130px}[data-site-design] .info-hero>.container{background-size:130px 80px;background-position:right top}}

/* Directory guidance uses a compact reading panel, a single action and clear navigation. */
[data-site-design] .naming-directory-shell>.directory-guide--reading{padding:0;border:0;border-radius:0;background:none;min-width:0}
[data-site-design] .directory-guide-panel{padding:20px 18px 4px;border:1px solid var(--line);border-top:2px solid #a78b5e;border-radius:0 0 9px 9px;background:var(--paper-2)}
[data-site-design] .directory-guide-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#886a44;font-size:11px;letter-spacing:.08em}
[data-site-design] .directory-guide-caption .yj-icon{width:20px;height:20px}
[data-site-design] .directory-guide--reading h2{font-size:22px;line-height:1.6;margin:12px 0 8px}
[data-site-design] .directory-guide--reading .directory-guide-intro{font-size:12px;line-height:1.9;margin:0;color:var(--muted)}
[data-site-design] .directory-guide--reading .directory-guide-steps{display:grid;gap:0;border:0;padding:0;margin:18px 0 0}
[data-site-design] .directory-guide-steps li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:baseline;border-top:1px solid var(--line);padding:15px 0}
[data-site-design] .directory-guide-steps li>span{font:12px/1.8 var(--serif);color:#927345}
[data-site-design] .directory-guide-steps h3{font-size:14px;line-height:1.6;font-weight:600;margin:0 0 5px}
[data-site-design] .directory-guide-steps p{font-size:12px;line-height:1.85;margin:0;color:var(--muted)}
[data-site-design] .directory-guide-action{margin-top:16px;padding:16px 14px;background:#edf0e6;border-radius:8px}
[data-site-design] .directory-guide-action h3{font-size:13px;line-height:1.8;margin:0 0 12px;font-weight:500}
[data-site-design] .directory-guide-action .btn{display:flex;width:100%;min-width:0;background:var(--ink);color:var(--paper-2);border:1px solid var(--ink);gap:8px;min-height:44px;padding:9px 8px;font-size:12px;line-height:1.8;white-space:normal;justify-content:center;text-align:center}
[data-site-design] .directory-guide-action .btn:hover{background:#315f4e;border-color:#315f4e}
[data-site-design] .directory-guide--reading .directory-guide-navigation{margin-top:20px;padding:0;border-top:0;flex-direction:column;gap:0}
[data-site-design] .directory-guide-nav-label{font-size:11px;color:var(--muted);margin:0 0 8px}
[data-site-design] .directory-guide-navigation a{width:100%;gap:10px;font-size:13px;padding:4px 10px;border-radius:5px;min-height:44px}
[data-site-design] .directory-guide-navigation a[aria-current]{background:#ebece1;font-weight:600}
[data-site-design] .directory-guide-navigation small{font-size:10px;color:var(--muted);font-weight:400}
@media(min-width:601px) and (max-width:920px){[data-site-design] .naming-directory-shell>.directory-guide--reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}[data-site-design] .directory-guide-panel{grid-column:1;grid-row:1/3}[data-site-design] .directory-guide-action{grid-column:2;grid-row:1;margin:0}[data-site-design] .directory-guide--reading .directory-guide-navigation{grid-column:2;grid-row:2;margin:0}}

/* Directory lookup has the same paper treatment as the reading guide. */
[data-site-design] .naming-directory-main>.directory-search--panel{padding:20px 16px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);min-width:0}
[data-site-design] .directory-search-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#886a44;font-size:11px;letter-spacing:.08em}
[data-site-design] .directory-search-caption .yj-icon{width:18px;height:18px}
[data-site-design] .directory-search-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
[data-site-design] .directory-search-header h2{margin:12px 0 8px;font:600 20px/1.6 var(--serif);color:var(--ink)}
[data-site-design] .directory-search-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}
[data-site-design] .directory-search--panel .directory-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
[data-site-design] .directory-search--panel .field{min-width:0;margin:0}
[data-site-design] .directory-search--panel .directory-query,[data-site-design] .directory-search--characters .field{grid-column:1/-1}
[data-site-design] .directory-search--panel label{font-size:12px;line-height:1.8;margin-bottom:8px;color:var(--ink-soft)}
[data-site-design] .directory-search--panel input,[data-site-design] .directory-search--panel select{min-width:0;min-height:44px;font-size:13px;padding:10px;border-radius:5px;background:var(--paper);border-color:var(--line)}
[data-site-design] .directory-search--panel input::placeholder{font-size:12px;color:var(--muted)}
[data-site-design] .directory-search-actions{display:flex;gap:8px;grid-column:1/-1;margin-top:4px}
[data-site-design] .directory-search-actions .btn{display:flex;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:8px;font-size:12px;line-height:1.8;white-space:normal;box-shadow:none}
[data-site-design] .directory-search-actions .primary{flex:2;background:var(--ink);border-color:var(--ink);color:var(--paper-2)}
[data-site-design] .directory-search-actions .primary:hover{background:#315f4e;border-color:#315f4e}
[data-site-design] .directory-search-actions button[type=reset]{flex:1;border-color:var(--line);color:var(--ink-soft);background:transparent}
[data-site-design] .directory-search--panel .directory-search-status{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:11px;line-height:1.9;color:var(--muted)}
@media(min-width:1200px){[data-site-design] .directory-search--panel .directory-search-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:921px) and (min-height:600px){[data-site-design] .naming-directory-main>.directory-search--panel{max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@media(max-width:650px){[data-site-design] .kd-home-copy-footer img{width:150px}}
@media print{[data-site-design] .naming-directory-main>.directory-search--panel{max-height:none;overflow:visible}}