/* Final PDF mobile guides. Loaded after Customizer CSS; no saved copy is changed. */
#registration-form .consent-field{display:none!important}
.site-footer .footer-links>a:not([data-info='support']),.site-footer .footer-links>span,.site-footer .footer-brand,.site-footer .music-footer{display:none!important}
.site-footer .footer-links{justify-content:center}
.registration-support{display:none}
/* Each stage occupies a single viewport; artwork scales within it. */
html,body,.site-main{overflow:hidden!important}
body .site-main>.view{height:100%;max-height:100%;overflow:hidden!important;overscroll-behavior:none}
@media(max-width:699px){
  body{--vp-unit:min(1vw,calc(var(--vp-frame) / 216.8));--vp-column:calc(71 * var(--vp-unit))}
  body[data-view='music']{--vp-music-column:70vw}
  body .site-main>.view{overflow:hidden!important;scrollbar-width:none}
  body .site-main>.view::-webkit-scrollbar{display:none}
  body .site-header .brand{width:calc(49.5 * var(--vp-unit));margin-top:calc(19 * var(--vp-unit))}
  body .home-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:calc(35 * var(--vp-unit)) 0 0}
  body .home-view>.hero{position:relative;top:auto;left:auto;flex:none;width:calc(100 * var(--vp-unit));height:auto;min-height:0;max-height:none;max-width:100%;aspect-ratio:1600/2143;margin:0;align-self:center}
  body .home-view .hero__image{display:block;width:100%;height:auto}
  body .home-view>.campaign-layout{flex:none;width:var(--vp-column);max-width:none;margin:calc(2 * var(--vp-unit)) auto 0;padding:0;transform:none;min-height:0}
  body .home-view .campaign-copy,body .home-view .campaign-title{width:100%;padding:0;margin:0}
  body .home-view .campaign-title{line-height:1.3;text-align:center;word-spacing:normal;letter-spacing:normal}
  body .home-view .campaign-title span:first-child{font-size:calc(5.6 * var(--vp-unit));line-height:1.3}
  body .home-view .campaign-title span:last-child{font-size:calc(6.8 * var(--vp-unit));line-height:1.3}
  body .home-view .campaign-action{width:100%;max-width:none;min-height:calc(13 * var(--vp-unit));margin:calc(3 * var(--vp-unit)) 0 0;font-size:calc(5.1 * var(--vp-unit))}
  body .prizes-layout.container{width:calc(78 * var(--vp-unit));padding:calc(14 * var(--vp-unit)) 0;gap:calc(6 * var(--vp-unit));justify-content:flex-start}
  body .prizes-layout .gift-stamp{width:calc(37 * var(--vp-unit))}
  body .prizes-heading{top:auto;width:100%;max-width:none}
  body .prizes-heading h1{font-size:calc(11 * var(--vp-unit));line-height:1.3}
  body .prizes-heading p{width:100%;margin-top:calc(8 * var(--vp-unit));font-size:calc(7 * var(--vp-unit));line-height:1.4;text-align:justify;text-align-last:center;text-justify:inter-word;text-wrap:wrap}
  /* The prize caption is centered in the PDF; Arabic justification splits glyphs. */
  body .prizes-heading p{text-align:center;text-align-last:center;text-justify:auto;word-spacing:normal}
  body .new-prize-grid{width:100%;gap:calc(3 * var(--vp-unit))}
  body .prizes-action{top:auto;width:100%;margin-top:calc(4 * var(--vp-unit));font-size:calc(5.1 * var(--vp-unit))}
  body .registration-layout.container{width:var(--vp-column);height:auto;min-height:0;gap:calc(8 * var(--vp-unit));padding:calc(23 * var(--vp-unit)) 0 calc(13 * var(--vp-unit));margin-inline:auto}
  body .registration-aside,body .registration-content{width:100%;margin:0;padding:0}
  body .registration-aside .road-art{left:0;width:calc(100% + 14.5 * var(--vp-unit));height:calc(19 * var(--vp-unit));margin:0 calc(-14.5 * var(--vp-unit)) 0 0}
  body .registration-aside .english-kicker{width:100%;margin:0;text-align:left}
  body .registration-aside .english-kicker strong{font-size:calc(6.735 * var(--vp-unit))}
  body .registration-aside .english-kicker span{font-size:calc(3.766 * var(--vp-unit))}
  body .registration-aside .aside-title{width:100%;max-width:none;margin:calc(9 * var(--vp-unit)) 0 0;font-size:calc(6.7 * var(--vp-unit));line-height:1.4;letter-spacing:normal;word-spacing:normal}
  body .registration-aside .aside-title .mobile-only{width:100%;text-align:justify;text-align-last:center;text-justify:inter-word;text-wrap:wrap}
  body .registration-form{width:100%;max-width:none;gap:calc(5.5 * var(--vp-unit));margin:0}
  body .registration-form .field,body .registration-form .input-wrap{width:100%;margin:0}
  body .registration-form .input-wrap{height:calc(11 * var(--vp-unit));min-height:0}
  body .registration-form .input-wrap input{font-size:calc(3.3 * var(--vp-unit));min-width:0}
  body .registration-form .privacy-assurance{box-sizing:border-box;width:100%;margin:0;font-size:calc(3.7 * var(--vp-unit));line-height:1.5;text-align:center;white-space:nowrap}
  body .registration-form .privacy-assurance>a{display:block;width:100%}
  body .registration-submit{top:auto;width:100%;min-height:calc(13 * var(--vp-unit));margin:calc(6 * var(--vp-unit)) 0 0;font-size:calc(5.1 * var(--vp-unit))}
  body .registration-view .route-decoration--register-mobile{position:absolute;inset:auto 0 calc(4 * var(--vp-unit));display:block;width:100%;height:calc(20 * var(--vp-unit));margin:0;pointer-events:none}
  body[data-view='register'] .site-footer.container{display:none!important}
  body .registration-support{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:calc(1 * var(--vp-unit));margin:calc(6 * var(--vp-unit)) auto 0;padding-bottom:calc(3 * var(--vp-unit));font-size:calc(3.4 * var(--vp-unit));color:var(--purple)}
  body .registration-support .support-icon{width:calc(3.8 * var(--vp-unit));height:calc(3.8 * var(--vp-unit))}
  body[data-view='music'] .music-view.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:calc(24 * var(--vp-unit)) 0 0}
  body .music-view .music-heading,body .music-view .media-layout,body .music-view .media-primary{display:contents}
  body .music-view .music-heading::before{order:0;flex:none;width:calc(18.5 * var(--vp-unit));height:calc(18.5 * var(--vp-unit));margin:0 auto calc(6 * var(--vp-unit));background-size:48%}
  body .music-view .music-heading h1{order:1;flex:none;width:var(--vp-music-column);margin:0 0 calc(5 * var(--vp-unit));font-size:calc(6.7 * var(--vp-unit));line-height:1.4;text-align:justify;text-align-last:center;text-justify:inter-word}
  body .music-view .music-heading h1{text-align:center;text-align-last:center;text-justify:auto;word-spacing:calc(3.24 * var(--vp-unit));white-space:nowrap}
  body .music-view .steps-list{order:2;flex:none;display:flex;flex-direction:column;width:var(--vp-music-column);height:auto;aspect-ratio:auto;gap:calc(2.5 * var(--vp-unit));margin:0;padding:0;border:0;border-radius:0;background:transparent}
  body .music-view .steps-list::before,body .music-view .steps-list::after,body .music-view .step-card::before,body .music-view .step-card::after{display:none}
  body .music-view .steps-list .step-card{width:100%;min-height:calc(7.2 * var(--vp-unit));padding:calc(1.2 * var(--vp-unit)) calc(1.5 * var(--vp-unit));gap:calc(1 * var(--vp-unit));border:1px solid var(--purple);border-radius:calc(1.5 * var(--vp-unit));background:#fff;box-shadow:none;justify-content:flex-start}
  body .music-view .step-card__copy h3{font-size:calc(3 * var(--vp-unit));line-height:1.4;text-align:justify;text-align-last:right;text-justify:inter-word;letter-spacing:normal;word-spacing:normal;overflow-wrap:normal}
  body .music-view .step-card__action{order:-1;flex:none;width:calc(3.6 * var(--vp-unit));height:calc(3.6 * var(--vp-unit))}
  body .music-view .step-card__number{display:inline;font-size:inherit}
  body .music-view .music-heading p{order:3;flex:none;width:var(--vp-music-column);max-width:none;margin:calc(10 * var(--vp-unit)) 0 calc(.5 * var(--vp-unit));font-size:calc(3.9 * var(--vp-unit));line-height:1.5;text-align:justify;text-align-last:center;text-justify:inter-word}
  /* Only the outer player width/order changes; waveform and playback stay intact. */
  body .music-view .audio-player{order:4;flex:none;box-sizing:border-box;width:var(--vp-music-column);max-width:none;margin:0}
  body .music-view .follow-condition{order:5;flex:none;box-sizing:border-box;width:var(--vp-music-column);height:auto;min-height:calc(10 * var(--vp-unit));margin:calc(10 * var(--vp-unit)) 0 0;padding:calc(2 * var(--vp-unit)) calc(1.5 * var(--vp-unit));border-radius:calc(2.5 * var(--vp-unit));font-size:calc(2.8 * var(--vp-unit));line-height:1.4;white-space:normal;text-align:justify;text-align-last:center;gap:calc(1 * var(--vp-unit))}
  body .music-view .instagram-action{order:6;flex:none;width:var(--vp-music-column);height:auto;min-height:calc(13 * var(--vp-unit));margin:calc(1.5 * var(--vp-unit)) 0 0;padding:calc(2 * var(--vp-unit));font-size:calc(5.1 * var(--vp-unit))}
  body .music-view .music-route{order:7;flex:none;position:relative;inset:auto;display:block;width:100%;height:calc(18 * var(--vp-unit));margin:calc(5 * var(--vp-unit)) 0 0;opacity:1}
  body .music-view .music-support{order:8;flex:none;margin-top:calc(-3 * var(--vp-unit));font-size:calc(3.4 * var(--vp-unit))}
  body[data-view='music'] .site-footer.container{display:none!important}
}
@media(min-width:700px){
  body .prizes-layout.container{padding-block:clamp(4px,.5vh,10px)}
  body .music-view.container{padding-top:clamp(12px,2vh,28px);padding-bottom:29px}
  body .music-heading::before{width:clamp(50px,7vh,75px);height:clamp(50px,7vh,75px);margin-bottom:clamp(4px,1vh,9px);background-size:48%}
  body .music-heading h1{font-size:clamp(25px,3.3vh,34px);line-height:1.3}
  body .music-heading p{font-size:clamp(17px,2.2vh,22px);line-height:1.35;margin-top:clamp(3px,.7vh,7px)}
  body .music-view .media-layout{margin-top:clamp(5px,1vh,10px)}
  body .music-view .audio-player{min-height:0;padding:clamp(8px,1vh,12px)}
  body .music-view .waveform{height:clamp(15px,3vh,24px)}
  body .music-view .audio-player .download-button{height:clamp(25px,3.5vh,32px)}
  body .music-view .steps-list{margin-top:clamp(6px,1vh,11px)}
  body .music-view .step-card{min-height:clamp(54px,8vh,80px);padding:clamp(5px,.8vh,9px)}
  body .music-view .follow-condition{min-height:clamp(29px,4vh,38px);margin-top:clamp(5px,.8vh,9px);padding:4px 8px}
  body .music-view .instagram-action{height:clamp(40px,6vh,54px);min-height:0;margin-top:clamp(4px,.8vh,8px)}
  body .music-view .music-route{height:clamp(48px,8vh,72px);margin:clamp(6px,1vh,10px) 0 0}
}
@media(min-width:700px) and (max-height:500px){
  body .prizes-layout.container{gap:4px;padding-block:4px}
  body .prizes-layout .gift-stamp{width:clamp(48px,12vh,65px)}
  body .prizes-layout .new-prize-grid{width:min(100%,45vh)}
  body .prizes-layout .prizes-action{height:34px;min-height:34px}
  body .music-view.container{padding-top:5px}
  body .music-heading::before{width:32px;height:32px;margin-bottom:2px}
  body .music-heading h1{font-size:22px;line-height:1.2}
  body .music-heading p{font-size:14px;line-height:1.2;margin-top:1px}
  body .music-view .media-layout{margin-top:3px}
  body .music-view .audio-player{padding:4px}
  body .music-view .waveform{height:10px}
  body .music-view .audio-player .download-button{height:20px}
  body .music-view .steps-list{margin-top:2px}
  body .music-view .step-card{min-height:38px;padding:2px}
  body .music-view .follow-condition{min-height:24px;margin-top:2px;padding:2px}
  body .music-view .instagram-action{height:32px;margin-top:2px}
}
@media(max-width:699px) and (orientation:landscape) and (max-height:500px){
  body .prizes-layout.container{padding:0;gap:calc(3 * var(--vp-unit))}
  body .prizes-layout .gift-stamp{width:calc(30 * var(--vp-unit))}
  body[data-view='music'] .music-view.container{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;align-content:center;align-items:center;column-gap:3vw;row-gap:1vh;padding:2vh 4vw 3vh}
  body .music-view .music-heading::before{display:none}
  body .music-view .music-heading h1{grid-column:1;grid-row:1;width:100%;margin:0;font-size:clamp(13px,2.5vw,19px);line-height:1.2}
  body .music-view .music-heading p{grid-column:2;grid-row:1;width:100%;margin:0;font-size:clamp(10px,1.7vw,13px);line-height:1.25}
  body .music-view .steps-list{grid-column:1;grid-row:2;width:100%;gap:3px;margin:0}
  body .music-view .steps-list .step-card{min-height:25px;padding:2px 5px;gap:4px;border-radius:5px}
  body .music-view .step-card__copy h3{font-size:clamp(8px,1.3vw,10px);line-height:1.15}
  body .music-view .step-card__action{width:15px;height:15px}
  body .music-view .audio-player{grid-column:2;grid-row:2;align-self:stretch;width:100%;height:auto;min-height:0;padding:7px}
  body .music-view .audio-player .player-heading h2{font-size:13px}
  body .music-view .audio-player .player-heading p{font-size:11px}
  body .music-view .audio-player .waveform{height:15px}
  body .music-view .audio-player .download-button{height:24px}
  body .music-view .follow-condition{grid-column:1;grid-row:3;width:100%;min-height:27px;margin:0;padding:3px;font-size:9px;line-height:1.15}
  body .music-view .instagram-action{grid-column:2;grid-row:3;width:100%;min-height:30px;margin:0;padding:3px;font-size:14px}
  body .music-view .music-route{grid-column:1/-1;grid-row:4;width:100%;height:55px;margin:0}
  body .music-view .music-support{grid-column:1/-1;grid-row:5;justify-self:center;margin:0;font-size:11px;min-height:0}
  body .music-view .music-support .support-icon{width:12px;height:12px}
}
@media(max-width:699px) and (orientation:portrait) and (max-height:560px){
  body[data-view='music'] .music-view.container{padding-top:calc(18 * var(--vp-unit))}
  body .music-view .music-route{height:calc(14 * var(--vp-unit))}
  body .music-view .music-support{margin-top:calc(-4 * var(--vp-unit))}
}

/*
 * iOS Safari shortens the dynamic viewport when its toolbars are visible.
 * Layout still follows the available height, while the smallest campaign copy
 * keeps a readable floor. Android/Chromium does not match this feature query.
 */
@supports (-webkit-touch-callout:none){
  @media(max-width:699px){
    html,body,button,input,select,textarea{-webkit-text-size-adjust:100%;text-size-adjust:100%}
    body .registration-form .input-wrap input{font-size:max(calc(3.3 * var(--vp-unit)),14px)}
    body .registration-form .privacy-assurance{font-size:max(calc(3.7 * var(--vp-unit)),13px)}
    body .registration-support,
    body .music-view .music-support{font-size:max(calc(3.4 * var(--vp-unit)),12px)}
    body .music-view .step-card__copy h3{font-size:max(calc(3 * var(--vp-unit)),11px)}
    body .music-view .follow-condition{font-size:max(calc(2.8 * var(--vp-unit)),11px)}
  }
}

/* Final mobile guide: every content block shares one edge and compact copy stays on one line. */
@media(max-width:699px){
  body .music-view .step-card__copy{min-width:0;flex:1}
  body .music-view .step-card__copy h3{
    font-size:clamp(10px,calc(2.65vw + 1.6px),13px);
    line-height:1.25;
    white-space:nowrap;
    text-align:right;
    text-align-last:right;
    text-justify:auto;
  }
  body .music-view .follow-condition{
    font-size:clamp(9.3px,calc(2.7vw + .8px),12.4px);
    white-space:nowrap;
    text-align:center;
    text-align-last:center;
    text-justify:auto;
  }
  body .music-view .music-heading h1,
  body .music-view .music-heading p{box-sizing:border-box;padding-inline:0}
  body .music-view .music-heading h1{font-size:clamp(23.5px,7.6vw,33px);word-spacing:normal}
  body .music-view .music-heading p{font-size:clamp(12.7px,4vw,17.2px)}
  body .music-view .music-route,
  body .music-view .music-support{top:calc(3 * var(--vp-unit))}
}

/* Static PDF download card. Its only changing value is the audio file duration. */
body .music-view .audio-player::after{
  content:none!important;
}

body .music-view .audio-player{
  position:relative;
  display:flex;
  align-items:center;
  min-height:clamp(74px,13vh,110px);
  padding:clamp(12px,2.5vh,22px) clamp(54px,7vw,76px) clamp(12px,2.5vh,22px) clamp(76px,12vw,108px);
  border:0;
  border-radius:clamp(16px,4vw,24px);
  background:#f6f4fb;
  color:var(--purple);
  box-shadow:none;
  direction:ltr;
}
body .music-view .audio-player,
body .music-view .audio-player *{animation:none!important;transition:none!important}
body .music-view .audio-player .player-header{display:block;width:100%}
body .music-view .audio-player .player-header>.icon-box,
body .music-view .audio-player .player-toggle,
body .music-view .audio-player .waveform{display:none!important}
body .music-view .audio-player .player-heading{text-align:left;direction:ltr}
body .music-view .audio-player .player-heading h2{color:var(--purple);font:700 clamp(16px,4.5vw,22px)/1.2 Arial,sans-serif}
body .music-view .audio-player .player-heading p{color:var(--purple);font:400 clamp(14px,4vw,20px)/1.25 Arial,sans-serif;margin-top:5px;white-space:nowrap}
body .music-view .audio-player .player-time{position:absolute!important;right:clamp(15px,4vw,25px)!important;top:50%;bottom:auto!important;display:block!important;margin:0;transform:translateY(-50%);color:var(--purple);font:400 clamp(14px,4vw,20px)/1 Arial,sans-serif;direction:ltr}
body .music-view .audio-player .player-time #elapsed,
body .music-view .audio-player .player-time>span[aria-hidden='true']{display:none!important}
body .music-view .audio-player .download-button{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;color:var(--purple)!important;box-shadow:none!important}
body .music-view .audio-player .download-button span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body .music-view .audio-player .download-button .download-card-icon{position:absolute;z-index:2;left:clamp(18px,5vw,32px);top:50%;display:block;width:clamp(48px,13vw,70px);height:clamp(48px,13vw,70px);transform:translateY(-50%);color:var(--purple)}
@media(max-width:699px){
  body .music-view .audio-player{min-height:calc(21.6 * var(--vp-unit));padding:calc(4 * var(--vp-unit)) calc(14 * var(--vp-unit)) calc(4 * var(--vp-unit)) calc(22 * var(--vp-unit));border-radius:calc(4 * var(--vp-unit))}
  body .music-view .audio-player .player-heading h2{font-size:calc(5.3 * var(--vp-unit))}
  body .music-view .audio-player .player-heading p{font-size:calc(4.5 * var(--vp-unit))}
  body .music-view .audio-player .player-time{right:calc(4 * var(--vp-unit))!important;font-size:calc(4.5 * var(--vp-unit))}
  body .music-view .audio-player .download-button .download-card-icon{left:calc(5 * var(--vp-unit));width:calc(15 * var(--vp-unit));height:calc(15 * var(--vp-unit))}
}
@media(max-width:699px) and (orientation:landscape) and (max-height:500px){
  body .music-view .audio-player{min-height:52px;padding:6px 46px 6px 58px;border-radius:12px}
  body .music-view .audio-player .player-heading h2{font-size:13px}
  body .music-view .audio-player .player-heading p{font-size:11px;margin-top:2px}
  body .music-view .audio-player .player-time{right:10px!important;font-size:11px}
  body .music-view .audio-player .download-button .download-card-icon{left:13px;width:38px;height:38px}
}