/* Sunny resort collection. Student slide artwork is not restyled. */
:root{color:#244e4a;background:#f8f5ec}
body{background:#f8f5ec}
.masthead{padding:27px 16px 23px}
.eyebrow{color:#63847c;letter-spacing:2.4px;font-size:9px;margin-bottom:9px}
h1{font-size:42px;letter-spacing:-1.6px;font-weight:600;color:#245c55}
.title-dot{color:#e7ad51}
.subtitle{color:#68827b;font-size:12px;margin-top:10px}
.side-note,.right-note{display:none}
.phone{border-color:#fdfdf8;box-shadow:0 0 0 1px #c5d7cf,0 18px 42px #26544712;background:#fdfcf7;color:#285e55;border-radius:39px;width:370px;height:min(775px,calc(100svh - 270px));min-height:585px}
.phone-top{color:#396d62;background:#e2f0e9}
.camera{width:65px;height:15px;top:9px;background:#46776b}
.home-screen{background:linear-gradient(180deg,#e2f0e9 0,#fdfcf7 230px);padding:23px 25px 22px;scrollbar-color:#b5d3c4 transparent}
.overline{color:#5d8174;font-size:8px;letter-spacing:1.8px;margin:2px 0 13px}
.home-heading h2{font-family:Georgia,serif;font-size:35px;letter-spacing:-1px;line-height:1.12;color:#245e52}
.home-heading h2 span{color:#dfa651}
.home-heading>p:last-child{font-size:11px;color:#607b70;margin:12px 0 0}
.collection-label{margin:23px 0 20px;padding-top:15px;border-color:#d7e2d7;color:#668075;font-size:8px;letter-spacing:1.2px}
.app-grid{gap:24px 14px}
.app-card{color:#2c574e;gap:8px}
.app-card img,.fallback-icon{width:62px;height:62px;border-radius:17px;box-shadow:0 2px 8px #26544714}
.app-card strong{font-size:10px;font-weight:600}
.app-card small{font-size:8px;color:#6c8076}
.fallback-icon{background:#e4eedb;color:#37634b}
.collection-footer{margin:30px 0 0;text-align:center;font-size:9px;color:#77887b}
.phone-bottom{background:#fdfcf7;color:#658076}
.home-indicator{background:#649684;height:3px;width:76px}
.below{margin-top:17px}
.expand{background:#fffdf6;color:#346659;border:1px solid #c5d9ca;font-size:11px;padding:10px 19px}
.expand:hover{background:#e4efe5}
.below p{color:#77877c;font-size:10px}
.page-footer{color:#7c9284;max-width:720px;font-size:8px;letter-spacing:1.2px;margin-top:25px}
.app-toolbar,.page-controls,.has-original-frame .app-toolbar,.has-original-frame .page-controls,.has-original-frame .phone-bottom{background:#f7faf1;color:#315e50}
.app-toolbar,.page-controls{border-color:#d6e4d8}
.app-toolbar button,.page-controls button,#hint{color:#315e50}
.page-controls select{background:#fffffb;border-color:#d4e1d4;color:#315e50}
.player{background:#eaf1e9}
.exit-fullscreen{color:#315e50;background:#fffdf4;border-color:#c2d5c5}
button:focus-visible,a:focus-visible{outline-color:#c78a27}
.phone.has-original-frame{background:transparent}
@media(max-width:520px){.masthead{padding:24px 15px 18px}h1{font-size:38px}.eyebrow{font-size:8px}.phone{width:calc(100% - 28px);border:0;box-shadow:0 0 0 1px #dbe6d9;border-radius:24px;height:650px;min-height:0}.phone.has-original-frame{box-shadow:none;border-radius:0}.home-screen{padding:27px 25px}.home-heading h2{font-size:36px}.below{margin:0 0 20px}.immersive .phone{box-shadow:none;border-radius:0}.immersive .home-screen{padding-top:60px}.page-footer{padding-bottom:22px}}