/* Approved homepage visual refinement — incumbent YX identity, refreshed homepage composition. */
body.visual-proposal.hosted-yx-arcade{--ht-bg:#101624;--ht-ink:#f8f6f0;--ht-muted:#c1c9d7;--ht-accent:#edb774;--ht-line:#354052;background:#101624;font-size:16px;line-height:1.7}
.visual-proposal.hosted-yx-arcade *{box-sizing:border-box}
.visual-proposal.hosted-yx-arcade ::selection{background:#ecc18b;color:#162235}
.visual-proposal.hosted-yx-arcade :focus-visible{outline:3px solid #b97128;outline-offset:5px}
.visual-proposal.hosted-yx-arcade input{caret-color:#a76523}
.visual-proposal.hosted-yx-arcade a{text-underline-offset:5px}
.visual-proposal.hosted-yx-arcade .ht-shell{width:min(1200px,calc(100% - 96px))}
.visual-proposal.hosted-yx-arcade .ht-header{background:#101624;border-bottom:1px solid #364151}
.visual-proposal.hosted-yx-arcade .ht-header-inner{min-height:88px}
.visual-proposal.hosted-yx-arcade .ht-nav{gap:30px}
.visual-proposal.hosted-yx-arcade .ht-brand-name{font-size:19px;letter-spacing:-.02em}
.visual-proposal.hosted-yx-arcade .ht-hero{min-height:650px;background:#101624}
.visual-proposal.hosted-yx-arcade .ht-hero::before{background:linear-gradient(90deg,#101624 3%,#101624f5 25%,#101624b8 42%,#10162410 70%),linear-gradient(0deg,#10162466,transparent 40%);opacity:1}
.visual-proposal.hosted-yx-arcade .ht-hero-photo{object-position:65% 55%}
.visual-proposal.hosted-yx-arcade .ht-hero-inner{min-height:650px;padding-block:70px 82px}
.visual-proposal.hosted-yx-arcade .ht-hero-copy{max-width:650px}
.visual-proposal.hosted-yx-arcade .ht-hero h1{font-size:clamp(64px,6.5vw,94px);line-height:1.01;letter-spacing:-.035em;margin:0 0 28px;text-shadow:none}
.visual-proposal.hosted-yx-arcade .ht-hero h1 em{color:#efbd80}
.visual-proposal.hosted-yx-arcade .ht-hero p{font-size:16px;line-height:1.9;max-width:520px;color:#d6deeb;margin:0}
.visual-proposal.hosted-yx-arcade .ht-hero-actions{gap:26px;margin-top:30px}
.visual-proposal.hosted-yx-arcade .ht-hero-link{min-height:52px;padding:16px 20px;background:#efbd80;border:0;border-radius:7px;letter-spacing:.015em;font-size:12px;color:#172235}
.visual-proposal.hosted-yx-arcade .ht-hero-link:hover{background:#ffcd94;transform:none}
.visual-proposal.hosted-yx-arcade .ht-hero-secondary{font-size:13px;min-height:48px;border-bottom-color:#aeb8c8;color:#fff}
.visual-proposal.hosted-yx-arcade .yx-reading-room{background:#f7f4ed;color:#19283a;padding-bottom:70px}
.visual-proposal.hosted-yx-arcade .yx-reading-path{padding-block:64px 54px;border:0}
.visual-proposal.hosted-yx-arcade .yx-reading-path h2{font-family:var(--ht-body-font);font-size:32px;font-weight:650;line-height:1.3;letter-spacing:-.025em;color:#19283a;margin:0 0 12px}
.visual-proposal.hosted-yx-arcade .yx-reading-path>p{max-width:65ch;font-size:16px;line-height:1.8;color:#526071}
.visual-proposal.hosted-yx-arcade .yx-reading-steps{gap:36px;margin-top:30px}
.visual-proposal.hosted-yx-arcade .yx-reading-steps>li{border-color:#d4d1c7;padding-top:20px}
.visual-proposal.hosted-yx-arcade .yx-reading-number{color:#845623;font-size:13px;font-weight:650}
.visual-proposal.hosted-yx-arcade .yx-reading-steps h3{font-family:var(--ht-body-font);font-size:21px;font-weight:650;color:#19283a;margin-top:10px}
.visual-proposal.hosted-yx-arcade .yx-reading-steps p{font-size:15px;color:#526071}
.visual-proposal.hosted-yx-arcade .yx-reading-steps a{color:#79501e;font-size:15px;text-decoration-color:#bda174;text-decoration-thickness:1px}
.visual-proposal.hosted-yx-arcade .yx-reading-steps a:hover{color:#19283a}
.visual-proposal.hosted-yx-arcade .ht-lead{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding-block:52px 58px;border-top:1px solid #d4d1c7;border-bottom:1px solid #d4d1c7;margin:0 auto;background:transparent}
.visual-proposal.hosted-yx-arcade .ht-lead h2{font-family:var(--ht-body-font);font-size:clamp(29px,2.7vw,39px);font-weight:650;line-height:1.22;letter-spacing:-.025em;max-width:26ch;color:#19283a}
.visual-proposal.hosted-yx-arcade .ht-lead h2 a{color:inherit;text-decoration:none}
.visual-proposal.hosted-yx-arcade .ht-lead p{font-size:16px;line-height:1.85;color:#526071;max-width:56ch;margin:20px 0 24px}
.visual-proposal.hosted-yx-arcade .ht-lead .ht-card-link{color:#19283a;display:inline-flex;min-height:44px;align-items:center;gap:16px;font-weight:650;font-size:14px}
.visual-proposal.hosted-yx-arcade .yx-featured-photo{margin:0;padding:16px 16px 12px;background:#eeebe4;border-radius:14px}
.visual-proposal.hosted-yx-arcade .yx-featured-photo img{display:block;width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply}
.visual-proposal.hosted-yx-arcade .yx-featured-photo figcaption{margin-top:10px;font-size:12px;color:#58606b;text-align:center}
.visual-proposal.hosted-yx-arcade #latest{padding-block:62px 44px}
.visual-proposal.hosted-yx-arcade .ht-section-heading{gap:40px;align-items:end;margin-bottom:18px}
.visual-proposal.hosted-yx-arcade .ht-section-heading h2{font-family:var(--ht-body-font);font-size:34px;font-weight:650;letter-spacing:-.025em;line-height:1.25;max-width:24ch;color:#19283a}
.visual-proposal.hosted-yx-arcade .ht-search{border-bottom:1px solid #a6a8a4;color:#34445b}
.visual-proposal.hosted-yx-arcade .ht-search input{color:#26364c;font-size:14px;width:220px;min-height:48px}
.visual-proposal.hosted-yx-arcade .ht-search input::placeholder{color:#596575;opacity:1}
.visual-proposal.hosted-yx-arcade .ht-search button{color:#79501e;min-width:44px;min-height:44px}
.visual-proposal.hosted-yx-arcade .yx-browse-count,.visual-proposal.hosted-yx-arcade .yx-pagination-hint{color:#596575;font-size:14px}
.visual-proposal.hosted-yx-arcade .ht-card-grid{gap:20px;margin-top:28px}
.visual-proposal.hosted-yx-arcade .ht-card{position:relative;display:flex;flex-direction:column;align-items:start;min-height:265px;padding:28px 30px 24px;background:#fffdf8;border:1px solid #d9d5ca;border-radius:14px;box-shadow:none;transition:background .22s ease-out,border-color .22s ease-out}
.visual-proposal.hosted-yx-arcade .ht-card:hover{background:#fff;border-color:#a48a64;transform:none;box-shadow:none}
.visual-proposal.hosted-yx-arcade .ht-card-meta{width:100%;color:#596575;font-size:12px}
.visual-proposal.hosted-yx-arcade .ht-card-meta a{color:#79501e;font-size:12px;font-weight:650;letter-spacing:.01em}
.visual-proposal.hosted-yx-arcade .ht-card h2{font-family:var(--ht-body-font);font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.27;margin:20px 0 13px;color:#19283a;text-wrap:pretty}
.visual-proposal.hosted-yx-arcade .ht-card h2 a{color:inherit}
.visual-proposal.hosted-yx-arcade .ht-card p{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:15px;line-height:1.8;color:#526071;margin:0 0 20px}
.visual-proposal.hosted-yx-arcade .ht-card .ht-card-link{margin-top:auto;padding-top:6px;min-height:44px;color:#25374d;font-size:13px;font-weight:650}
.visual-proposal.hosted-yx-arcade .ht-card-heading{width:100%}
.visual-proposal.hosted-yx-arcade .ht-card-thumb{width:100%;height:100px;max-width:110px;object-fit:contain;background:#fff;border-radius:9px;margin:0}
.visual-proposal.hosted-yx-arcade .ht-more-guides{border-color:#d4d1c7;margin-top:28px}
.visual-proposal.hosted-yx-arcade .ht-more-guides>summary{color:#79501e;font-size:15px;font-weight:650;min-height:52px}
.visual-proposal.hosted-yx-arcade .ht-pagination{border-color:#d4d1c7;color:#526071;font-size:13px}
.visual-proposal.hosted-yx-arcade .ht-pagination a,.visual-proposal.hosted-yx-arcade .ht-pagination span{color:inherit}
.visual-proposal.hosted-yx-arcade .ht-pagination [aria-current=page] span{background:#19283a;color:#fff;border-color:#19283a}
.visual-proposal.hosted-yx-arcade .ht-pagination nav p,.visual-proposal.hosted-yx-arcade .ht-pagination nav p span{color:#526071}
.visual-proposal.hosted-yx-arcade .ht-pagination nav a{color:#25374b;background:#fffdf8;border-color:#b7c0ca}
.visual-proposal.hosted-yx-arcade #yx-official-context{padding-block:38px 0;border-top:1px solid #d4d1c7;margin-bottom:0}
.visual-proposal.hosted-yx-arcade #yx-context-title{font-family:var(--ht-body-font);font-size:28px;letter-spacing:-.02em;color:#19283a}
.visual-proposal.hosted-yx-arcade #yx-official-context>p{color:#526071;font-size:15px}
.visual-proposal.hosted-yx-arcade .yx-context-disclosure{border-color:#d4d1c7}
.visual-proposal.hosted-yx-arcade .yx-context-disclosure>summary{color:#25374d;font-family:var(--ht-body-font);font-weight:650;font-size:16px;min-height:56px}
.visual-proposal.hosted-yx-arcade .yx-context-disclosure a{color:#79501e}
.visual-proposal.hosted-yx-arcade .yx-context-disclosure p{color:#526071}
.visual-proposal.hosted-yx-arcade .ht-yx-inquiry{padding-block:90px;background:#172336;margin-top:0}
.visual-proposal.hosted-yx-arcade .ht-yx-inquiry::before,.visual-proposal.hosted-yx-arcade .ht-yx-inquiry::after{display:none}
.visual-proposal.hosted-yx-arcade .ht-yx-inquiry-copy h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.03em;line-height:1.13;margin-top:0}
.visual-proposal.hosted-yx-arcade .ht-yx-inquiry-panel{border-radius:16px;box-shadow:none;background:#fffdf8}
.visual-proposal.hosted-yx-arcade .ht-yx-inquiry-panel h3{font-family:var(--ht-body-font);font-weight:650;letter-spacing:-.025em;font-size:30px}
.visual-proposal.hosted-yx-arcade .ht-yx-inquiry-panel input,.visual-proposal.hosted-yx-arcade .ht-yx-inquiry-panel textarea{border-color:#b8bec6;border-radius:7px;font-size:15px}
.visual-proposal.hosted-yx-arcade .ht-yx-submit{border-radius:7px}
.visual-proposal.hosted-yx-arcade .ht-footer{padding-block:40px;background:#101624}
@media(max-width:1000px){.visual-proposal.hosted-yx-arcade .ht-shell{width:calc(100% - 56px)}.visual-proposal.hosted-yx-arcade .ht-nav{gap:20px}.visual-proposal.hosted-yx-arcade .ht-lead{gap:34px}.visual-proposal.hosted-yx-arcade .ht-card{padding:24px}.visual-proposal.hosted-yx-arcade .ht-card h2{font-size:22px}}
@media(max-width:760px){
 .visual-proposal.hosted-yx-arcade .ht-shell{width:calc(100% - 40px)}
 .visual-proposal.hosted-yx-arcade .ht-header-inner{min-height:72px}
 .visual-proposal.hosted-yx-arcade .ht-hero,.visual-proposal.hosted-yx-arcade .ht-hero-inner{min-height:655px}
 .visual-proposal.hosted-yx-arcade .ht-hero-inner{align-items:start;padding-block:55px 46px}
 .visual-proposal.hosted-yx-arcade .ht-hero-photo{object-position:65% 50%;opacity:.8}
 .visual-proposal.hosted-yx-arcade .ht-hero::before{background:linear-gradient(90deg,#101624e8,#101624b8 56%,#10162475),linear-gradient(0deg,#101624 0%,transparent 45%)}
 .visual-proposal.hosted-yx-arcade .ht-hero h1{font-size:clamp(47px,13.5vw,62px);line-height:1.02;letter-spacing:-.03em;margin-bottom:26px}
 .visual-proposal.hosted-yx-arcade .ht-hero p{max-width:33ch;font-size:15px;line-height:1.85}
 .visual-proposal.hosted-yx-arcade .ht-hero-actions{gap:16px;margin-top:28px}
 .visual-proposal.hosted-yx-arcade .ht-hero-link{width:100%;font-size:11px;min-height:52px}
 .visual-proposal.hosted-yx-arcade .ht-hero-secondary{min-height:44px;font-size:13px}
 .visual-proposal.hosted-yx-arcade .yx-reading-room{padding-bottom:48px}
 .visual-proposal.hosted-yx-arcade .yx-reading-path{padding-block:46px 32px}
 .visual-proposal.hosted-yx-arcade .yx-reading-path h2{font-size:28px;line-height:1.25}
 .visual-proposal.hosted-yx-arcade .yx-reading-steps{gap:0;margin-top:26px}
 .visual-proposal.hosted-yx-arcade .yx-reading-steps>li{padding-block:22px}
 .visual-proposal.hosted-yx-arcade .yx-reading-steps h3{font-size:21px;margin-top:8px}
 .visual-proposal.hosted-yx-arcade .ht-lead{grid-template-columns:1fr;gap:26px;padding-block:34px}
 .visual-proposal.hosted-yx-arcade .ht-lead h2{font-size:29px;line-height:1.25;max-width:none}
 .visual-proposal.hosted-yx-arcade .ht-lead p{font-size:15px;margin-block:16px}
 .visual-proposal.hosted-yx-arcade .yx-featured-photo img{height:220px}
 .visual-proposal.hosted-yx-arcade #latest{padding-block:42px 32px}
 .visual-proposal.hosted-yx-arcade .ht-section-heading{gap:20px;align-items:stretch}
 .visual-proposal.hosted-yx-arcade .ht-section-heading h2{font-size:29px}
 .visual-proposal.hosted-yx-arcade .ht-search{width:100%}
 .visual-proposal.hosted-yx-arcade .ht-search input{width:100%;min-width:0}
 .visual-proposal.hosted-yx-arcade .ht-card-grid{gap:16px;grid-template-columns:1fr}
 .visual-proposal.hosted-yx-arcade .ht-card{padding:23px;min-height:0}
 .visual-proposal.hosted-yx-arcade .ht-card h2{font-size:22px;margin-top:18px}
 .visual-proposal.hosted-yx-arcade .ht-card p{font-size:15px;line-height:1.8}
 .visual-proposal.hosted-yx-arcade #yx-context-title{font-size:26px}
 .visual-proposal.hosted-yx-arcade .ht-yx-inquiry{padding-block:52px}
 .visual-proposal.hosted-yx-arcade .ht-yx-inquiry-copy h2{font-size:36px}
 .visual-proposal.hosted-yx-arcade .ht-yx-inquiry-panel{padding:24px 20px;border-radius:14px}
 .visual-proposal.hosted-yx-arcade .ht-footer{padding-block:30px}
}