@layer pages{.ph-order{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,28px);display:grid}.ph-order .vid-box{aspect-ratio:480/900;border-radius:10px;max-height:520px;margin-inline:auto}.ph-order figcaption{color:#fff;margin:0;font-size:17px;line-height:1.45}.points .shot.words{background:var(--navy);color:#fff;place-items:end start;padding:clamp(20px,2.6vw,32px)}.points .shot.words ul{letter-spacing:-.01em;gap:8px;font-size:clamp(18px,1.6vw,22px);font-weight:500;display:grid}.points .shot.words li{grid-template-columns:16px 1fr;gap:10px;display:grid}.points .shot.words li:before{content:"";background:var(--sky);clip-path:polygon(0 0,100% 0,100% 100%,40% 100%,0 60%);width:10px;height:10px;margin-top:9px}.easy{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.easy li{background:var(--surface);flex-direction:column;gap:8px;padding:24px;display:flex}.easy b{letter-spacing:-.01em;font-size:20px;font-weight:600}.easy span{color:var(--muted);line-height:1.5}.easy-q{margin-top:clamp(32px,4vw,56px)}@media (width<=1100px){.easy{grid-template-columns:1fr 1fr}}@media (width<=640px){.easy{grid-template-columns:1fr;gap:6px}.easy li{padding:18px}}.points .shot.words{align-content:space-between;place-items:stretch stretch;gap:24px}.points .shot.words .bl{gap:10px;display:grid}.points .shot.words .bl p{background:var(--navy-2);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;max-width:none;padding:14px 16px;display:grid}.points .shot.words .bl em{color:#fff;white-space:nowrap;background:#ffffff1f;border-radius:999px;grid-row:span 2;padding:5px 10px;font-size:13px;font-style:normal;font-weight:600}.points .shot.words .bl em.pr{background:var(--sky);color:var(--navy)}.points .shot.words .bl i{background:#ffffff47;border-radius:5px;height:9px;display:block}.points .shot.words .bl i.s{background:#ffffff24;width:60%}.keep-plan{border:0;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;display:flex}.keep-plan legend{color:var(--on-navy-muted);margin-bottom:10px;padding:0;font-size:15px}.keep-plan label{position:relative}.keep-ctl .keep-plan label{white-space:nowrap;color:#fff;cursor:pointer;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:15px;display:inline-flex}.keep-ctl .keep-plan label:has(input:checked){background:var(--sky);color:var(--navy);font-weight:600}.keep-plan input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.keep-plan label:has(input:focus-visible){outline-offset:2px;outline:3px solid #fff}@media (width>=901px){.start-list li.fresh{grid-column:auto}.start-list li.fresh b{font-size:24px}}.keep{margin-top:var(--gap);background:var(--navy);color:var(--on-navy);gap:40px;padding-block:clamp(48px,6vw,88px);display:grid}.keep h2{color:#fff;font-size:clamp(30px,3vw,44px)}.keep-ctl{background:var(--navy-2);border-radius:12px;width:min(500px,100%);margin-top:24px;padding:18px 20px}.keep-ctl label{color:var(--on-navy-muted);justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.keep-ctl .val{color:#fff;align-items:center;gap:2px;font-size:22px;font-weight:600;display:flex}.keep-ctl input[type=number]{color:#fff;width:120px;font:600 22px var(--font);text-align:right;-moz-appearance:textfield;background:0 0;border:0}.keep-ctl input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.keep-ctl input[type=range]{width:100%;accent-color:var(--sky);height:28px;margin-top:14px}.keep-out{align-items:end;gap:var(--m);grid-template-columns:1fr auto;display:grid}.keep-fig{letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;font-size:clamp(96px,14vw,240px);font-weight:600;line-height:.8}.keep-fig small{letter-spacing:-.01em;color:var(--on-navy-muted);margin-left:.3em;font-size:.16em;font-weight:500}.keep-how{max-width:34ch;color:var(--on-navy)}.keep-how b{color:#fff}.keep-src{font-size:var(--s-small);color:var(--on-navy-muted);max-width:44ch;margin-top:14px}@media (width>=1521px){.keep{max-width:1520px;margin-inline:auto}}@media (width<=900px){.keep-out{grid-template-columns:1fr}}@media (width<=640px){.ph-order{grid-template-columns:1fr 1fr;align-items:end}.ph-order .vid-box{width:100%;max-height:none}.ph-order figcaption{font-size:14px}.keep-fig{font-size:28vw}.keep-fig span{line-height:.95;display:block}.keep-fig small{z-index:1;margin:12px 0 0;font-size:20px;display:block;position:relative}.points .shot.words{aspect-ratio:auto}.keep{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.ph-field.ph-order{grid-template-columns:1fr;place-items:center}.ph-field.ph-order figcaption{text-align:center;color:#eef1ff;max-width:44ch;font-size:15px}}
