.pg-head{padding:150px 0 54px;background:var(--bg)}
.pg-head .container{max-width:980px}
.pg-head h1 em.serif{color:inherit}
.pg-head .micro{color:var(--ink-3)}
.pg-head .micro .dot{background:var(--accent-olive)}
.pg-head .display{max-width:12ch}
.pg-head .lede{max-width:720px;color:var(--ink-3)}
.links-wrap{padding:0 0 120px;background:var(--bg)}
.links-wrap .container{max-width:980px}
.links-card{max-width:none;border:0;background:transparent;box-shadow:none;padding:0}
.official-list{display:grid;gap:0;margin:0}
.official-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--hair);color:var(--ink);text-decoration:none;background:transparent}
.official-link:first-child{border-top:0;padding-top:0}
.official-link:last-child{padding-bottom:24px}
.official-link>span:nth-child(2){min-width:0}
.official-link span{display:block}
.official-link .label{font-size:18px;font-weight:600;letter-spacing:-.015em}
.official-link .detail{font-size:14px;line-height:1.5;color:var(--ink-3);margin-top:5px;overflow-wrap:anywhere}
.official-link .arrow{flex:0 0 auto;color:var(--ink-3);transition:transform .2s ease,color .2s ease}
.official-link:hover .arrow{color:var(--ink);transform:translateX(3px)}
.official-link:hover{background:transparent}
.official-link:focus-visible{outline:1.5px solid var(--ink);outline-offset:6px;border-radius:8px}
.channel-icon{display:grid!important;place-items:center;width:30px;height:30px;color:var(--ink);opacity:.72}
.channel-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.channel-icon--facebook svg{width:20px;height:20px;fill:currentColor;stroke:none}
.channel-icon--youtube svg{width:25px;height:25px}
.channel-icon--youtube .play{fill:currentColor;stroke:none}
.channel-icon--reddit svg{width:25px;height:25px}
.channel-icon--x svg{width:22px;height:22px}
.channel-icon--store svg{width:23px;height:23px}
.channel-icon--google .play-shape{fill:currentColor;stroke:none}
.official-note{font-size:13.5px;line-height:1.7;color:var(--ink-3);margin-top:34px;padding:0 0 0 18px;border-top:0;border-left:2px solid var(--hair-2);max-width:70ch}
.official-note strong{color:var(--ink-2);font-weight:600}
html[data-theme="dark"] .links-card{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:720px){
  .pg-head{padding:126px 0 42px}
  .pg-head .display{max-width:11ch}
  .links-wrap{padding-bottom:92px}
  .official-link{grid-template-columns:30px minmax(0,1fr) auto;gap:14px;padding:20px 0}
  .official-link:first-child{padding-top:0}
  .official-link .label{font-size:17px}
  .official-link .detail{font-size:13.5px}
  .channel-icon{width:28px;height:28px}
  .channel-icon svg{width:22px;height:22px}
  .official-note{margin-top:28px;padding-left:16px}
}