/* Screens are unmodified source panels, clipped only by the layout. */
.permissions-page{max-width:1120px}.permissions-intro{max-width:80ch;margin-top:16px}
.permissions-context{padding:14px 18px;border-left:3px solid var(--sc-accent);background:var(--sc-surface);margin:20px 0;max-width:88ch;font-size:.9375rem}
.permissions-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 28px}.permissions-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}
.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-top:24px}
.permissions-step{min-width:0;margin:0!important;padding-top:20px;border-top:1px solid var(--sc-line);scroll-margin-top:110px}
html:root body.sc-site .permissions-step h2{font-size:1.2rem;line-height:1.4;margin-bottom:16px;max-width:36ch}
.permission-step-body{display:grid;grid-template-columns:145px minmax(0,1fr);gap:18px;align-items:start}
.permissions-panel{margin:0!important}.permissions-crop{position:relative;overflow:hidden;aspect-ratio:180/424;border:1px solid var(--sc-line);border-radius:10px;background:#0c1821}
.sc-site .permissions-crop img{position:absolute;width:400%;max-width:none;height:auto;left:calc(var(--column)*-100%);top:calc(var(--row)*-100%)}
html:root body.sc-site .permissions-panel figcaption{font:400 .75rem/1.5 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;margin-top:8px;color:var(--sc-muted)}
.permissions-copy p{font-size:.9375rem;line-height:1.65}.permissions-copy p+p{margin-top:12px}.permissions-copy strong{color:var(--sc-ink)}
.permissions-page>.permissions-end{padding-top:24px;border-top:1px solid var(--sc-line);margin-top:32px}.permissions-end ol{padding-left:22px;color:var(--sc-muted)}.permissions-end li+li{margin-top:10px}
.permissions-page .permissions-related{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:24px;border-top:1px solid var(--sc-line);margin-top:24px}.permissions-related a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1080px){.permissions-grid{grid-template-columns:1fr}.permission-step-body{grid-template-columns:170px minmax(0,1fr);gap:24px}}
@media(max-width:600px){.permission-step-body{grid-template-columns:140px minmax(0,1fr);gap:16px}.permissions-copy p{font-size:.875rem}.permissions-grid{gap:24px}.permissions-context{font-size:.875rem}}
@media(max-width:380px){.permission-step-body{grid-template-columns:1fr}.permissions-panel{max-width:180px;margin-inline:auto!important}.permissions-copy p{font-size:.9375rem}.permissions-step h2{margin-bottom:12px}}
