/* Final shared tokens: existing palette and type hierarchy, all LIVE POP routes. */
:root{
 --paper:#fcfaf8;--cream:#f8f3ec;--ink:#2f2a2d;--muted:#6f666b;
 --accent:#a65f7a;--pink:#f8e9ee;--lavender:#f0ecf2;--cyan:#eaf3f2;--border:#e6dfe2;
 --section-space:56px;--heading-size:29px;--item-size:24px;--body-size:14px;--lead-size:16px;
}
body.pop{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;font-weight:400;line-height:1.85;background:var(--paper);color:var(--ink)}
body.pop main section{padding-block:var(--section-space)}
body.pop main h2:not(.yurika-name){font-size:var(--heading-size);font-weight:700;line-height:1.5;letter-spacing:-.025em}
body.pop .strength-copy h3,body.pop .feature-item h3,body.pop .flow h3,body.pop .yurika-support li{font-size:var(--item-size);font-weight:700;line-height:1.55}
body.pop .hero-intro,body.pop .strength-copy p,body.pop .support-description,body.pop .rc-page p,body.pop .yurika-page p{font-size:var(--body-size);font-weight:400;line-height:1.85}
body.pop .yurika-page .yurika-lead{font-size:24px;font-weight:700;line-height:1.55}
body.pop .support-lead{font-size:var(--lead-size);font-weight:700;line-height:1.8}
body.pop .note,body.pop .rc-page .rc-status,body.pop .yurika-page .note{font-size:12px;line-height:1.8;font-weight:400;color:var(--muted)}
body.pop .eyebrow,body.pop .feature-label,body.pop .rc-page .rc-kicker{font-size:11px;font-weight:700;line-height:1.8;letter-spacing:.1em;color:var(--accent)}
body.pop .section-head,body.pop .feature-head{margin-bottom:32px!important}
body.pop .flow .flow-heading{margin-bottom:24px!important}
body.pop .pop-final .section-head{margin-bottom:16px!important}
body.pop .feature-number,body.pop .strength-number{font-size:13px;font-weight:500}
body.pop .support-icon{width:52px;height:52px;margin:8px 0 14px}
body.pop .support-icon svg{stroke:#756b72;stroke-width:1.6}
body.pop .support-icon-tone{fill:var(--pink)}
body.pop .support-item:nth-child(3n+2) .support-icon-tone{fill:var(--lavender)}
body.pop .support-item:nth-child(3n) .support-icon-tone{fill:var(--cyan)}
body.pop .button,body.pop .rc-button{
 display:inline-flex;align-items:center;justify-content:center;gap:24px;
 width:100%;max-width:360px;min-height:56px;padding:14px 22px;
 background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:40px;
 font-size:16px;font-weight:700;line-height:1.5;box-shadow:0 4px 0 #2f2a2d14;
}
body.pop .text-link,body.pop .rc-link{
 display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
 width:fit-content;max-width:100%;min-height:44px;padding:12px 0;
 border-bottom:1px solid #bfafb5;color:var(--ink);font-size:13px;font-weight:700;line-height:1.65;
}
body.pop .text-link>span,body.pop .rc-link>span{margin-left:0;flex-shrink:0}
body.pop .button>span{font-size:22px;font-weight:400;flex-shrink:0}

body.pop .rc-questions summary{min-height:44px;display:flex;align-items:center;font-size:16px;line-height:1.65}
body.pop a:focus-visible,body.pop summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body.pop>.site-header{
 height:64px;min-height:64px;padding:0 20px;display:flex;align-items:center;gap:12px;
 background:#fcfaf8f5;color:var(--ink);border-bottom:1px solid var(--border);z-index:60;
}
body.pop>.site-header>.brand{font-size:20px;font-weight:700;color:var(--ink);margin-right:auto;white-space:nowrap}
body.pop>.site-header>.brand .brand-small{font-size:9px;letter-spacing:0;margin-left:4px}
body.pop:is(.pop,.is-recruit,.is-yurika)>.site-header>.header-cta{
 order:1;display:flex;align-items:center;min-height:44px;padding:8px 11px;margin-left:0;
 border:0;border-radius:30px;background:var(--pink);color:var(--ink);font-size:11px;font-weight:700;
}
body.pop>.site-header>.header-cta span{display:none}
body.pop>.site-header>.menu{order:2;margin:0}
body.pop>.site-header>.menu summary{min-height:44px}
body.pop>.site-header>.menu nav{top:64px;background:var(--paper);color:var(--ink);border-color:var(--border)}
body.pop>.site-header>.menu nav a{border-color:var(--border)}
body.pop>.site-header>.menu nav a:after{content:none}
body.pop .site-footer.pop-footer{background:#f5f1ed;color:var(--ink)}
body.pop .site-footer.pop-footer a,body.pop .site-footer.pop-footer p{color:var(--ink)}
body.pop .pop-footer-bottom{background:var(--ink);color:#fff}
body.pop .pop-footer-bottom span,body.pop .pop-footer-bottom small{color:#fff}
body.pop .pop-footer-nav a:hover{color:var(--accent)}
/* Existing utility pages inherit the same calm palette, without new content. */
body.pop .subhead,body.pop .talent-stage,body.pop .missing{background:var(--cream)}
body.pop .subhead h1,body.pop .talent-type{transform:none;color:var(--ink)}
body.pop .subhead:after,body.pop .talent-abstract{display:none}
body.pop .contact-prompts p,body.pop .contact-prompts p:nth-child(2),body.pop .contact-layout .pending{background:var(--pink);transform:none;border-radius:6px}
body.pop .pending{border-color:var(--border)}
body.pop .site-header a>span:not(.brand-small){margin-left:0}
@media(min-width:768px){
 :root{--section-space:72px;--heading-size:36px;--item-size:27px;--body-size:15px;--lead-size:18px}
 body.pop .section-head,body.pop .feature-head{margin-bottom:40px!important}
 body.pop .rc-page h1{font-size:38px;font-weight:700;line-height:1.45}
}
@media(min-width:1024px){
 body.pop>.site-header{padding-inline:max(30px,calc((100% - 1100px)/2))}
 body.pop>.site-header>.desktop-nav{display:flex;gap:17px;font-size:11px;font-weight:500}
 body.pop>.site-header>.menu{display:none}
}
@media(max-width:1023px){body.pop>.site-header>.desktop-nav{display:none}body.pop>.site-header>.menu{display:block}}
@media(hover:hover){
 body.pop .button:hover,body.pop .rc-button:hover{background:#94516b;border-color:#94516b;transform:none}
 body.pop .text-link:hover>span,body.pop .rc-link:hover>span{transform:translateX(2px)}
}

/* A single navigation breakpoint across TOP and all subpages. */
@media(max-width:1023px){
 body.pop>.site-header>.menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:56px;min-height:44px;padding:8px 4px;cursor:pointer;list-style:none;font-size:10px;font-weight:700}
 body.pop>.site-header>.menu>summary::-webkit-details-marker{display:none}
 body.pop>.site-header>.menu>summary>span{font-size:20px;line-height:1}
 body.pop>.site-header>.menu[open]>summary>span{transform:rotate(45deg)}
 body.pop>.site-header>.menu>nav{position:absolute;inset:100% 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:12px 24px 20px;max-height:calc(100dvh - 64px);overflow-y:auto;background:var(--paper);border-bottom:1px solid var(--border)}
 body.pop>.site-header>.menu:not([open])>nav{display:none}
 body.pop>.site-header>.menu>nav>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:12px 0;font-size:14px;line-height:1.6;border-bottom:1px solid var(--border)}
 body.pop>.site-header>.menu>nav>a>span{flex-shrink:0;float:none}
}

/* Agency identity stays separate from the Unly group brand. */
footer.group-footer .gf-site-name{margin:0 0 20px;font-size:12px;line-height:1.7;letter-spacing:.04em;color:var(--muted)}
body.pop .agency-talents{background:var(--paper)}
body.pop .agency-talent-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin-top:30px}
body.pop .agency-talent-grid article{min-width:0}
body.pop .agency-talent-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
body.pop .agency-talent-grid h3{font-size:24px;line-height:1.6;margin:18px 0 10px}
body.pop .agency-talent-grid p{font-size:14px;line-height:1.85;overflow-wrap:anywhere}
@media(min-width:768px){body.pop .agency-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

body.pop>.site-header>.brand{min-width:0;font-size:clamp(16px,4.5vw,20px);white-space:normal;overflow-wrap:anywhere;line-height:1.25}

/* UNLIA: quiet, open letterforms without decorative symbols. */
body.pop>.site-header>.brand,body.pop .hero-title>.eyebrow,body.pop footer.group-footer .gf-site-name{
 font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-style:normal;
 color:var(--accent);letter-spacing:.16em;white-space:nowrap;overflow-wrap:normal;
}
body.pop>.site-header>.brand{font-size:29px;line-height:1.2;display:inline-flex;align-items:center;min-height:44px}
body.pop>.site-header>.brand:after,body.pop .hero-title>.eyebrow:after{content:none}
body.pop .hero-title>.eyebrow{font-size:24px;line-height:1.4;letter-spacing:.2em;margin-bottom:14px}
body.pop footer.group-footer .gf-site-name{font-size:22px;line-height:1.4;letter-spacing:.16em}
@media(max-width:767px){body.pop>.site-header>.brand{font-size:26px}body.pop .hero-title>.eyebrow{font-size:22px}}

/* Recruitment section labels: consistent, readable hierarchy. */
body.pop .rc-page .rc-kicker{font-size:14px;font-weight:600;margin-top:0;margin-bottom:16px}
@media(min-width:768px){body.pop .rc-page .rc-kicker{font-size:15px}}

/* Information lists: retain spacing, show rules only between entries. */
body.pop .pop-feature .feature-list,
body.pop .yurika-experiences>div:first-child,
body.pop .yurika-support li:first-child,
body.pop .yurika-career-list article:first-child,
body.pop .rc-money-list>div:first-child,
body.pop .rc-debut li:first-child,
body.pop .rc-editorial-points li:first-child,
body.pop .rc-conversation li:first-child{border-top-color:transparent}
body.pop .rc-wishes li:last-child,
body.pop .rc-fields>div:last-child,
body.pop .rc-support-list>li:last-child,
body.pop .pop-feature .support-item:last-child{border-bottom-color:transparent}
@media(min-width:768px){
 body.pop .pop-feature .support-item:nth-last-child(2){border-bottom-color:transparent}
}