.s53-map{padding-block:34px}.s53-map-head{padding:30px;background:var(--surface);border:1px solid var(--line);margin-bottom:28px}.s53-map-head>span{font-size:12px;letter-spacing:2px;color:var(--accent)}.s53-map-head h1{font-size:32px;margin:14px 0}.s53-map-head p{max-width:65ch}.s53-map-head nav{display:flex;gap:20px;flex-wrap:wrap}.s53-map-head a{border-bottom:2px solid var(--accent)}.s53-map-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.s53-map-channels{background:var(--surface);border:1px solid var(--line);padding:22px}.s53-map-channels h2,.s53-map-works h2{font-size:22px;margin:0 0 20px}.s53-map-channels h3{margin:22px 0 12px;border-bottom:1px solid var(--line);padding-bottom:10px}.s53-map ul{list-style:none;padding:0;margin:0}.s53-map-channels ul{display:flex;flex-wrap:wrap;gap:8px 15px}.s53-map-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;flex-wrap:wrap}.s53-map-title span{font-size:13px}.s53-map-works>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.s53-map-works li{min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line)}.s53-map-works li a{display:block;overflow-wrap:anywhere;font-weight:650}.s53-map-works small{display:block;font-size:12px;margin-top:7px;color:var(--muted)}.s53-map-pages{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.s53-map-pages a{padding:8px 14px;border:1px solid var(--line)}.s53-map-pages [aria-current]{background:var(--accent);color:var(--on)}
@media(max-width:900px){.s53-map-layout{display:block!important}.s53-map-channels{margin-bottom:24px}.s53-map-works>ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}.s53-map-head{padding:22px!important;text-align:left!important}.s53-map-head h1{font-size:26px}.s53-map-head nav{justify-content:flex-start!important}}
@media(max-width:450px){.s53-map-works>ul{grid-template-columns:1fr!important}.s53-map{padding-inline:14px}.s53-map-head{padding:16px!important}}
@media(min-width:901px){.s53-map-layout{grid-template-columns:330px minmax(0,1fr)}.s53-map-works>ul{grid-template-columns:repeat(4,minmax(0,1fr))}}.s53-map-head{border-left:10px solid var(--accent)}