.shp-portal{--gold:#b58a35;--ink:#29342f;--cream:#fbf8f1;max-width:1040px;margin:30px auto;color:var(--ink);font-family:inherit}.shp-portal>header{padding:42px;border-radius:22px;background:linear-gradient(135deg,#fff,var(--cream));border:1px solid #eadfc8;box-shadow:0 12px 40px rgba(55,45,28,.08)}.shp-portal h2{font-size:clamp(30px,5vw,52px);margin:0 0 8px}.shp-recordings{display:grid;gap:14px}.shp-recording{background:#fff;border:1px solid #e7ddc9;border-radius:16px;overflow:hidden}.shp-recording summary{cursor:pointer;display:grid;gap:3px;padding:20px 24px;list-style:none}.shp-recording summary::-webkit-details-marker,.shp-program-group summary::-webkit-details-marker,.shp-tool summary::-webkit-details-marker{display:none}.shp-recording summary span{color:var(--gold);font-size:13px}.shp-recording summary strong{font-size:20px}.shp-recording-body{padding:4px 24px 26px;border-top:1px solid #f0e8da}.shp-media iframe,.shp-media video{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;margin:20px 0;border-radius:12px}.shp-button{display:inline-block;background:var(--gold);color:white!important;text-decoration:none;padding:11px 18px;border-radius:999px}.shp-button-secondary{background:#55645c}.shp-passcode{padding:10px 14px;background:#f7f2e8;border-radius:10px}.shp-passcode code{font-size:15px}.shp-notice,.shp-empty{max-width:720px;margin:30px auto;padding:28px;background:var(--cream);border:1px solid #e6dbc4;border-radius:16px}.shp-nav,.shp-tool-jump{margin:22px 0;padding:18px 22px;background:#fff;border:1px solid #e7ddc9;border-radius:16px;display:flex;align-items:center;gap:18px}.shp-nav label,.shp-tool-jump label{font-weight:700;white-space:nowrap}.shp-nav select,.shp-tool-jump select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #d7c8aa;border-radius:10px;background:#fff;color:var(--ink);font-size:17px}.shp-section{padding:26px;background:#fff;border:1px solid #e7ddc9;border-radius:18px}.shp-section[hidden]{display:none!important}.shp-section h3{font-size:28px;margin-top:0}.shp-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shp-status-grid>div{padding:18px;background:var(--cream);border-radius:12px;border-left:4px solid #d9cdb8}.shp-status-grid>div.is-active{border-left-color:#4b8b62}.shp-status-grid strong,.shp-status-grid span{display:block}.shp-status-grid span{margin-top:6px;color:#5e6a64}.shp-status-grid a{display:inline-block;margin-top:12px;color:var(--gold);font-weight:700}.shp-program-group{margin:14px 0;border:1px solid #d8c6a3;border-radius:16px;background:var(--cream);overflow:hidden}.shp-program-group>summary{cursor:pointer;list-style:none;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.shp-program-group>summary strong{font-size:21px}.shp-program-group>summary span{color:#68736d}.shp-program-group-body{padding:0 16px 18px}.shp-tools{display:grid;gap:14px;scroll-margin-top:25px}.shp-tool{border:1px solid #e7ddc9;border-radius:14px;overflow:hidden;scroll-margin-top:25px}.shp-tool summary{cursor:pointer;padding:19px 22px;list-style:none}.shp-tool-body{padding:8px 22px 24px;border-top:1px solid #f0e8da}.shp-tool-body img{max-width:100%;height:auto;border-radius:12px}.shp-section .shp-empty{margin:12px 0;max-width:none}.shp-section .shp-button{margin:4px 6px 4px 0}@media(max-width:600px){.shp-portal>header{padding:26px 20px}.shp-recording summary,.shp-recording-body{padding-left:18px;padding-right:18px}.shp-nav,.shp-tool-jump{display:block}.shp-nav label,.shp-tool-jump label{display:block;margin-bottom:8px}.shp-section{padding:20px}.shp-status-grid{grid-template-columns:1fr}.shp-program-group>summary{align-items:flex-start;flex-direction:column}}