.performance-page{max-width:1200px;margin:auto}.performance-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#173f36;color:#fff;border-radius:24px;padding:36px;margin-bottom:24px}.performance-hero .eyebrow{color:#d8e99d}.performance-hero h2{font:40px/1.15 Georgia,serif}.performance-hero p{color:#c2d4c8;max-width:470px}.performance-reward{border-left:1px solid #ffffff35;padding-left:32px;min-width:240px}.performance-reward b{font:68px Manrope,sans-serif;color:#d8e99d;display:block}.performance-reward span{display:block;font-weight:600}.performance-reward small{color:#b8cdbc;display:block;margin-top:14px;line-height:1.7}.performance-guidance{padding:20px 24px;background:#eef3e5;border-radius:16px;margin:24px 0}.performance-guidance p{font-size:13px;margin-bottom:0}.performance-filters{display:flex;gap:8px;overflow-x:auto;padding:3px 0 18px}.performance-filters button{white-space:nowrap;border:1px solid #e0e6d8;background:white;color:#677861;border-radius:24px;padding:10px 17px;font-size:12px}.performance-filters button.selected{background:#173f36;color:white;border-color:#173f36}.performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.performance-card{padding:0;overflow:hidden;border-radius:20px}.performance-card>.section-title{padding:18px 20px;margin:0}.performance-card>.section-title small{font-size:11px;color:#84917b}.performance-video{aspect-ratio:16/9;background:#eaf0e2;position:relative}.video-play{width:100%;height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:linear-gradient(135deg,#e7efdc,#f6f8ef);color:#294b3a}.video-play span{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:#173f36;color:#d8e99d}.video-play small{font-size:10px;color:#7e8d74}.performance-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.performance-card-body{padding:22px}.performance-card h3{font-size:22px;line-height:1.3;overflow-wrap:anywhere}.performance-card-body>p{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.performance-student{color:#375443;font-weight:600}.performance-youtube{font-size:12px;color:#5d7550;display:inline-block;padding:10px 0}.performance-feedback,.performance-earned{padding:16px;border-radius:12px;margin:16px 0;background:#f5f6f0}.performance-earned{background:#edf4df}.performance-feedback b,.performance-earned b{font-size:12px}.performance-feedback p,.performance-earned p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.certificate-status{border:1px dashed #cad7b4;padding:16px;border-radius:12px;display:grid;gap:7px;margin:16px 0}.certificate-status span,.certificate-status small{font-size:11px;color:#7c8972}.certificate-status b{font-size:14px}.publication-state{font-size:11px!important;color:#8b967e}.performance-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.showcase-link{display:inline-flex;align-items:center;text-decoration:none;color:#435e37;padding:10px 14px}.performance-empty{grid-column:1/-1;text-align:center;padding:55px 24px}.performance-empty>span{font-size:50px;color:#9daf75}.performance-empty h3{margin-top:20px}.showcase-help{margin-top:24px}.showcase-help p{font-size:13px}.showcase-shell{max-width:1150px;margin:auto;padding:35px 24px}.showcase-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.showcase-intro{max-width:680px;margin:30px 0}.showcase-intro h1{font:48px/1.1 Georgia,serif;letter-spacing:-1px}.showcase-intro p{font-size:16px}.showcase-controls{display:flex;align-items:center;gap:16px;margin:28px 0}.showcase-controls label{max-width:320px;flex:1}.showcase-controls small{color:#7c8b73}.showcase-shell footer{margin:35px 0 0}.certificate-page{max-width:1100px;margin:30px auto;padding:20px}.certificate-actions{display:flex;gap:16px;align-items:center;margin:20px 0}.award-paper{background:#fffdf6;padding:60px;border:2px solid #b5bf99;outline:1px solid #dde3cd;outline-offset:-14px;text-align:center;color:#233f36;min-height:660px}.award-paper .sara-logo{margin:0 auto 38px;width:230px}.award-paper .award-label{font-size:12px;letter-spacing:4px}.award-paper h1{font:48px Georgia,serif;margin:24px 0}.award-paper h2{font:42px Georgia,serif;margin:30px 0;border-bottom:1px solid #d6dec7;padding-bottom:24px}.award-paper h3{font-size:22px;margin:18px 0}.award-paper p{font-size:16px}.award-meta{display:flex;justify-content:space-between;gap:24px;margin-top:60px;font-size:12px}.award-meta>div{flex:1}.award-sign{border-top:1px solid #718562;padding-top:12px;margin-top:25px}
@media(max-width:900px){.performance-hero{display:block}.performance-reward{border-left:0;border-top:1px solid #ffffff35;padding:20px 0 0;margin-top:24px}.performance-reward b{font-size:46px}.performance-grid{grid-template-columns:1fr}}
@media(max-width:620px){.performance-page h1{font-size:29px}.performance-page .page-heading>.primary{width:100%}.performance-hero{padding:28px 23px;border-radius:22px}.performance-hero h2{font-size:33px}.performance-hero p{font-size:13px}.performance-reward{display:grid;grid-template-columns:70px 1fr;gap:4px 12px;align-items:center;min-width:0}.performance-reward b{grid-row:1/3}.performance-reward small{margin:0;font-size:10px}.performance-reward span{font-size:13px}.performance-guidance{padding:18px}.performance-filters{gap:6px}.performance-filters button{padding:10px 12px;font-size:11px}.performance-card-body{padding:20px}.performance-actions>*{flex:1 1 auto;justify-content:center;text-align:center}.showcase-shell{padding:24px 18px}.showcase-intro h1{font-size:38px}.award-paper{padding:35px 22px}.award-paper h1{font-size:34px}.award-paper h2{font-size:30px}.award-meta{display:block}.award-meta>div{margin:30px 0}}
@media print{@page{size:A4 landscape;margin:12mm}.certificate-actions{display:none}.certificate-page{margin:0;padding:0;max-width:none}.award-paper{min-height:170mm;padding:12mm;break-inside:avoid;print-color-adjust:exact}.award-paper h1{font-size:36px}.award-paper h2{font-size:32px;margin:18px 0}.award-paper .sara-logo{margin-bottom:20px}.award-meta{margin-top:30px}body{background:white}}

.award-paper h2,.award-paper h3{overflow-wrap:anywhere}.certificate-actions{flex-wrap:wrap}@media(max-width:620px){.certificate-actions span{font-size:12px}aside nav button{min-width:0;flex:1 1 0;font-size:10px}}

.showcase-shell [hidden]{display:none!important}