/* Owner-approved student campaigns, isolated from the public Memo explorer. */
.mm-campaign{color:#17211c;background:#f4f1e8;border-radius:22px;overflow:hidden;width:100%;font-family:Arial,Helvetica,sans-serif;container-type:inline-size}
.mm-campaign *{box-sizing:border-box}
.mm-campaign .hero{text-align:center;padding:24px 0 28px;background:radial-gradient(ellipse,#fffdf7,#f4f1e8)}
.mm-campaign .logo{width:33%;max-width:290px;height:auto}
.mm-campaign h1{font:700 clamp(28px,6.5cqw,58px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:20px 16px}
.mm-campaign h1 span{display:block}
.mm-campaign .sub{font-size:clamp(14px,2.5cqw,23px);margin:0 18px;line-height:1.5}
.mm-campaign .illustration{position:relative;aspect-ratio:2/1;margin-top:22px;width:100%}
.mm-campaign .campaign-poster{display:block;width:100%;height:100%;object-fit:contain}
.mm-campaign .campaign-scene{position:absolute;inset:0;visibility:hidden}
.mm-campaign .campaign-scene svg{display:block;width:100%;height:100%}
.mm-campaign .is-animated .campaign-poster{visibility:hidden}
.mm-campaign .is-animated .campaign-scene{visibility:visible}
.mm-campaign .campaign-art[role="button"]{cursor:pointer}
.mm-campaign .campaign-art:focus-visible{outline:3px solid #9675d5;outline-offset:-4px;border-radius:12px}
.mm-campaign .strap{font-size:clamp(12px,2.13cqw,20px);margin:22px 16px;line-height:1.5}
.mm-campaign .campaign-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:0 18px}
.mm-campaign .campaign-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:40px;padding:12px 24px;font-size:18px;font-weight:600;min-height:48px;text-decoration:none;color:#17211c;border:1px solid #aeb7a5}
.mm-campaign .campaign-actions .pill{background:#17211c;color:#f4f1e8;border-color:#17211c}
.mm-campaign .campaign-actions a:hover{filter:brightness(.94)}
.mm-campaign a:focus-visible{outline:3px solid #9675d5;outline-offset:3px}
.mm-campaign .details{max-width:720px;margin:0 auto;padding:30px 24px 40px;border-top:1px solid #d9ddcf;font-size:17px;line-height:1.7}
.mm-campaign .details h2{font:700 28px/1.2 Georgia,serif}
.mm-campaign .steps{padding-left:24px}
.mm-campaign .steps li{padding:5px 0}
.mm-campaign .example{background:#e7edcf;padding:16px;border-radius:16px}
#memooo-streamlined .mm-campaign-mobile{margin:0 0 28px}
#memooo-streamlined .mm-campaign-mobile .details{display:none}
#memooo-streamlined .mm-wordmark{gap:8px}
#memooo-streamlined .mm-header-brand-icon{display:block;width:46px;height:46px;flex:none;object-fit:contain}
@container(max-width:600px){
 #memooo-streamlined .mm-header-brand-icon{width:36px;height:36px}
 #memooo-streamlined .mm-brand-logo{width:104px}
 #memooo-streamlined .mm-wordmark{gap:6px}
}
@container(max-width:355px){
 #memooo-streamlined .mm-brand-logo{width:88px}
 #memooo-streamlined .mm-header-brand-icon{width:32px;height:32px}
}
@container(max-width:460px){
 .mm-campaign .hero{padding-top:20px;padding-bottom:22px}
 .mm-campaign .logo{width:38%;max-width:160px}
 .mm-campaign h1{margin:16px 12px 18px}
 .mm-campaign .sub{margin-inline:20px}
 .mm-campaign .illustration{margin-top:18px}
 .mm-campaign .strap{margin:18px 22px 20px;font-size:13px;line-height:1.55}
 .mm-campaign .campaign-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;max-width:360px;margin-inline:auto;padding-inline:24px}
 .mm-campaign .campaign-actions a{width:100%;padding:12px 10px;white-space:nowrap}
 .mm-campaign .campaign-actions .campaign-login{grid-column:1/-1;justify-self:center;width:auto;min-width:140px;padding:12px 24px}
}
@media(forced-colors:active){.mm-campaign a:focus-visible,.mm-campaign .campaign-art:focus-visible{outline:2px solid Highlight}}