#main .yt-application {
  --ink:#eff4f7; --sub:#bdcad7; --line:#506073; --accent:#f5c95e; --panel:#19283b;
  width:100%; max-width:1180px; box-sizing:border-box; margin:0 auto; padding:22px clamp(14px,3vw,40px) 54px;
  color:var(--ink); background:#152334; border-radius:12px; line-height:1.6; text-align:left; direction:ltr;
}
.yt-application * {box-sizing:border-box}
#main .yt-application h1,#main .yt-application h2,#main .yt-application h3 {color:var(--ink);text-transform:none;letter-spacing:-.024em;line-height:1.16;margin:0;}
#main .yt-application h1 {font-size:clamp(33px,4.2vw,58px);font-weight:650;margin:18px 0 10px;}
#main .yt-application h2 {font-size:clamp(24px,2.6vw,34px);margin-bottom:12px}
#main .yt-application p {margin:0 0 12px;color:var(--sub)}
#main .yt-application a {color:var(--accent);text-decoration:underline;text-underline-offset:3px}
#main .yt-application a:hover {color:white}
#main .yt-application a:focus-visible,#main .yt-application summary:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.yt-application .ya-back {font-size:14px;}
#main .yt-application .ya-lead {font-size:clamp(16px,1.55vw,20px);max-width:720px;color:var(--ink);line-height:1.5}
.yt-application .ya-nav {display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
#main .yt-application .ya-nav a {padding:5px 14px;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--ink);}
.yt-application .ya-tier {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:23px 0 27px;}
.yt-application .ya-tier fieldset {min-width:0;margin:0;padding:0;border:0;display:flex;gap:5px;flex-wrap:wrap}
.yt-application .ya-tier legend {font-size:15px;font-weight:650;color:var(--ink);margin:0 0 5px;padding:0}
.yt-application .ya-tier label {position:relative;cursor:pointer;margin:0}
.yt-application .ya-tier input {position:absolute;opacity:0;width:1px;height:1px;}
.yt-application .ya-tier label span {display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:5px;font-size:14px;color:var(--ink)}
.yt-application .ya-tier input:checked+span {background:var(--accent);border-color:var(--accent);color:#172333}
.yt-application .ya-tier input:focus-visible+span {outline:2px solid #fff;outline-offset:2px}
#main .yt-application .ya-tier p {max-width:320px;font-size:14px;margin:0}
.yt-application section[id],.yt-application details[id] {scroll-margin-top:110px}
.yt-application .ya-group + .ya-group {margin-top:38px;padding-top:24px;border-top:1px solid var(--line);}
.yt-application .ya-work {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2.6vw,32px)}
.yt-application figure {margin:0}
.yt-application .ya-map {position:relative;background:#101c2c;border:1px solid #3f5368;border-radius:8px;overflow:hidden;}
.yt-application .ya-map img {display:block;width:100%;height:auto;aspect-ratio:800/320;margin:0;}
#main .yt-application .ya-map a {position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(11px,1.06vw,15px);line-height:1.2;padding:5px 7px;background:#15283d;color:#ffe1a0;border:1px solid #795f36;border-radius:4px;text-decoration:none;}
#main .yt-application .ya-map a:hover {background:#594b32;color:white}
#main .yt-application figcaption {color:var(--sub);font-size:13px;line-height:1.45;margin-top:8px;}
.yt-application details {margin:0;border-top:1px solid var(--line);color:var(--ink)}
.yt-application details:last-child {border-bottom:1px solid var(--line)}
.yt-application summary {display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:13px 0;color:var(--ink);font-weight:650;font-size:clamp(17px,1.6vw,21px);list-style:none;}
.yt-application summary::-webkit-details-marker {display:none}
.yt-application summary::after {content:'+';font-weight:400;color:var(--accent)}
.yt-application details[open] summary::after {content:'−'}
#main .yt-application details .ya-copy {font-size:15px;line-height:1.55;}
#main .yt-application .ya-links {font-size:14px;color:var(--ink);margin-bottom:10px}
#main .yt-application .ya-quote {display:inline-flex;align-items:center;min-height:38px;color:#142031;background:var(--accent);border-radius:5px;font-weight:650;text-decoration:none;padding:6px 12px;font-size:14px;margin:0 0 14px}
#main .yt-application .ya-quote:hover {background:#ffda83;color:#142031}
.yt-application .ya-cross {border-top:1px solid var(--line);padding-top:16px;margin-top:28px;font-size:14px}
@media(max-width:800px){.yt-application .ya-work{grid-template-columns:1fr}.yt-application .ya-tier{align-items:flex-start}.yt-application .ya-map{max-width:680px}}
@media(max-width:460px){#main .yt-application{border-radius:6px;padding-inline:12px}.yt-application .ya-tier label span{font-size:13px;padding:6px 8px}#main .yt-application .ya-map a{font-size:10px;padding:4px}.yt-application section[id],.yt-application details[id]{scroll-margin-top:80px}}
