.about-managed-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; margin-top:30px; align-items:start; }
.page-shell,.nav-inner,.footer-shell { max-width:1384px !important; padding-right:32px !important; padding-left:32px !important; }
.about-document-panel,.about-follow-panel { padding:28px; border:1px solid rgba(255,255,255,.09); border-radius:6px; background:#0c0f11; }
.about-document-panel { min-height:480px; }
.about-follow-panel { position:sticky; top:104px; }
.about-follow-panel > h2 { margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.09); font-size:17px; font-weight:650; }
.about-qr-list { display:grid; gap:10px; }
.about-qr-button { display:grid; grid-template-columns:68px minmax(0,1fr) 20px; gap:13px; align-items:center; width:100%; min-height:86px; padding:9px; border:1px solid rgba(255,255,255,.09); border-radius:5px; color:#fff; background:#090d0f; text-align:left; cursor:pointer; }
.about-qr-button:hover { border-color:rgba(102,220,255,.4); }
.about-qr-button img { width:68px; height:68px; border-radius:3px; object-fit:cover; }
.about-qr-button span { font-size:12px; }
.about-qr-button i { color:#66dcff; font-size:10px; }
.about-content-loading { display:grid; min-height:300px; place-items:center; color:rgba(255,255,255,.45); font-size:12px; }
@media (max-width:900px) { .about-managed-layout { grid-template-columns:1fr; } .about-follow-panel { position:static; } }
@media (max-width:640px) { .page-shell,.nav-inner,.footer-shell { padding-right:18px !important; padding-left:18px !important; } .about-document-panel,.about-follow-panel { padding:19px; } }