.youth-web-guide{--wg-color:var(--guide-fitai);--yg-main:var(--guide-fitai);--yg-light:#eaf3f5;--yg-border:#d8e6ea;background:var(--yg-light)}.youth-web-guide .wg-toolbar button{background:var(--yg-main)}.youth-web-guide .wg-back{color:var(--yg-main)}.youth-web-guide .wg-band{background:var(--yg-main)}.youth-web-guide .wg-band h2{color:var(--yg-main)}.youth-web-guide .wg-page-footer:before{background:var(--yg-main)}.youth-web-guide .wg-intro{margin-bottom:22px}.yg-output{margin-bottom:16px}.youth-web-guide .yg-output .wg-heading{margin:0 0 10px}.yg-output-flow{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:stretch;gap:5px;display:grid}.yg-output-chip{border:1px solid var(--yg-main);background:var(--yg-light);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;padding:10px 7px;display:flex}.yg-output-chip:last-child{background:color-mix(in srgb,var(--yg-main) 16%,var(--yg-light));border-width:2px}.yg-output-chip strong{color:var(--yg-main);font-size:14px;font-weight:800}.yg-output-chip p{margin-top:4px;font-size:14px;line-height:1.35}.yg-output-arrow{text-align:center;color:var(--yg-main);align-self:center;font-size:26.6667px}.yg-output-sentence{font-size:16px;line-height:1.5;margin-top:10px!important}.youth-web-guide .yg-single-card{grid-template-columns:1fr}.yg-single-card ul{grid-template-columns:1fr 1fr;gap:5px 26px;display:grid}.yg-single-card li+li{margin-top:0}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li:not(.jg-step-key)>div{align-items:baseline;gap:12px;min-width:0;display:flex}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li:not(.jg-step-key) h3{flex-shrink:0}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li:not(.jg-step-key) p{margin:0}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li{align-items:center;gap:12px;padding:7px 12px}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li.jg-step-key{align-items:flex-start;padding:10px 12px}.youth-web-guide .wg-page:has(.yg-output) .wg-steps .wg-number{flex-basis:28px;width:28px;height:28px}.youth-web-guide .wg-compare p{margin-top:7px}.youth-web-guide .wg-reason{background:var(--guide-paper);border-color:var(--yg-border)}.youth-web-guide .wg-compare>div:first-child{background:var(--guide-placeholder);color:var(--guide-muted);border:1px solid var(--guide-rule)}.youth-web-guide .wg-compare>div:last-child{background:var(--yg-light);border:2px solid var(--yg-main)}.youth-web-guide .wg-compare>div:last-child>strong{color:var(--yg-main);font-weight:800}.youth-web-guide .wg-steps li.jg-step-key{border-left:4px solid var(--yg-main)}.youth-web-guide .jg-key-flow{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.youth-web-guide .jg-key-chip{border:1px solid var(--yg-main);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 11px;font-weight:800;display:inline-flex}.youth-web-guide .jg-key-sep{font-weight:800}.youth-web-guide .jg-key-note{color:var(--guide-muted);margin-top:6px;font-weight:700}.youth-web-guide .jg-key-tag{color:#f59e0b;vertical-align:2px;background:#fef3c7;border-radius:999px;margin-left:8px;padding:1px 7px;font-style:normal;font-weight:800;display:inline-block}.youth-web-guide .jg-key-chip{border-color:var(--yg-main);background:var(--yg-light);color:var(--yg-main)}.youth-web-guide .jg-key-chip-final{background:var(--yg-main);border-color:var(--yg-main);color:var(--guide-paper)}.youth-web-guide .jg-key-sep{color:var(--yg-main)}.youth-web-guide .wg-number{background:var(--yg-light);color:var(--yg-main)}.youth-web-guide .wg-steps li{background:var(--guide-paper);border-color:var(--yg-border)}.youth-web-guide .wg-steps{gap:9px}.youth-web-guide .wg-steps li{padding:12px 16px}.youth-web-guide .wg-steps p{margin-top:3px}.youth-web-guide .wg-heading{margin:22px 0 12px}.youth-web-guide .wg-image-slot{margin-top:18px}.youth-web-guide .wg-screenshot{min-height:165px}.youth-web-guide .wg-slot-image{max-height:165px}.yg-tips{border-left:4px solid var(--yg-main);background:var(--yg-light);margin-top:18px;padding:12px 16px;font-size:14px}.yg-tips li+li{margin-top:5px}.yg-order{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.yg-order article{border:1px solid var(--yg-border);background:var(--guide-paper);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.yg-order strong{background:var(--yg-main);color:var(--guide-paper);border-radius:6px;flex:none;padding:3px 8px;font-size:14px}.yg-order p{font-size:14px;line-height:1.35}.youth-web-guide .wg-page:has(.yg-cover){height:1244px;padding:0}.youth-web-guide .wg-page:has(.yg-cover) .wg-content{height:100%}.yg-cover{text-align:center;height:100%;position:relative}.yg-cover-hero{background:var(--yg-main);height:45%;color:var(--guide-paper);flex-direction:column;justify-content:center;align-items:center;padding:30px 24px;display:flex}.yg-cover-hero>img{object-fit:contain;filter:brightness(0)invert();width:280px;max-width:80%;height:90px}.yg-cover-hero h1{margin-top:30px;font-size:26.6667px;font-weight:800;line-height:1.45}.yg-cover-hero p{margin-top:20px;font-size:21.3333px;font-weight:700}.yg-cover-url{color:var(--yg-main);white-space:nowrap;text-align:center;font-size:20pt;font-weight:400;position:absolute;top:49%;left:0;right:0}.yg-cover-url span{font-weight:400}.yg-cover-url a{color:inherit;text-decoration:none}.yg-cover-url a:hover{text-decoration:underline}.yg-cover-url a strong{font-weight:800}.yg-cover-date{color:var(--yg-main);font-size:21.3333px;font-weight:800;position:absolute;top:64%;left:0;right:0}.yg-cover-company{position:absolute;top:77%;left:20px;right:20px}.yg-cover-company img{object-fit:contain;width:280px;max-width:80%;height:80px;margin:0 auto 15px;display:block}.yg-cover-company p{color:var(--guide-muted);font-size:14px}.youth-web-guide .wg-page:has(.yg-cover) .wg-page-footer{bottom:24px}@media screen and (max-width:640px){.youth-web-guide .wg-page:has(.yg-cover){height:850px}.yg-cover-hero{padding-left:16px;padding-right:16px}.yg-cover-hero h1{margin-top:24px;font-size:26.6667px}.yg-cover-hero p{font-size:21.3333px}.yg-cover-hero>img{width:220px}.yg-cover-url{font-size:12pt}.yg-cover-company img{width:230px}.yg-order{grid-template-columns:1fr}.yg-output-flow{grid-template-columns:minmax(0,1fr)}.yg-output-arrow{transform:rotate(90deg)}.yg-single-card ul{grid-template-columns:1fr}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li:not(.jg-step-key)>div{flex-wrap:wrap;gap:3px}}.youth-web-guide .wg-page{font-size:12pt}.youth-web-guide :is(.wg-band h2,.yg-cover-hero h1,.wg-compare-arrow,.yg-output-arrow,.yg-cover-url){font-size:20pt}.youth-web-guide :is(.wg-intro h3,.yg-cover-hero p,.yg-cover-date){font-size:16pt}.youth-web-guide .wg-heading{font-size:14pt}.youth-web-guide :is(.wg-reason h4,.wg-steps h3){font-size:13pt}.youth-web-guide :is(.wg-reason ul,.wg-steps p,.wg-compare p,.wg-compare strong,.yg-output-sentence){font-size:12pt}.youth-web-guide :is(.yg-output-chip strong,.yg-output-chip p,.jg-key-chip,.jg-key-sep,.jg-key-note,.jg-key-tag,.yg-tips,.yg-order p,.yg-order strong,.yg-cover-company p,.wg-screenshot small,.wg-back,.wg-toolbar button){font-size:10.5pt}.youth-web-guide .wg-page-footer{font-size:9pt}.youth-web-guide .wg-steps :is(.jg-key-note,.jg-key-flow){font-size:10.5pt}@media screen and (max-width:640px){.youth-web-guide .yg-cover .yg-cover-url{font-size:10.5pt}}@media print{.youth-web-guide .wg-page{line-height:1.35}.youth-web-guide .wg-band{margin-bottom:4mm;padding-top:3mm;padding-bottom:5mm}.youth-web-guide .wg-intro{margin-bottom:8px}.youth-web-guide .wg-compare>div{padding:8px 10px}.youth-web-guide .wg-compare p{margin-top:4px}.youth-web-guide .wg-compare{margin-bottom:10px}.youth-web-guide .wg-page:has(.yg-output) .wg-compare{margin-bottom:8px}.yg-output-chip{padding:5px 6px}.yg-output{margin-bottom:8px}.youth-web-guide .wg-heading{margin:10px 0 6px}.youth-web-guide .wg-page:has(.yg-output) .wg-reason{padding:6px 10px}.youth-web-guide .wg-reason h4{margin-bottom:4px}.youth-web-guide .wg-reason li+li{margin-top:3px}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li{padding:4px 10px}.youth-web-guide .wg-page:has(.yg-output) .wg-steps li.jg-step-key{padding:5px 10px}.youth-web-guide .wg-page:has(.yg-output) .yg-tips{margin-top:6px;padding:6px 10px}.youth-web-guide .wg-image-slot{margin-top:8px}.youth-web-guide .wg-slot-image{max-height:145px}.yg-order{gap:5px}.yg-order article{padding:6px 10px}.youth-web-guide .wg-page:has(.yg-cover){height:297mm;padding:0}}