.oulpan-goals{--sub-hero-top:20px;--sub-gap:12px;--sub-hero-align:start}@media (min-width:960px){.oulpan-goals .sub-hero>.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.oulpan-goals .pg-hero h1{outline:none}@media (min-width:960px){.oulpan-goals .pg-hero h1{font-size:clamp(36px,3.6vw,50px)}}.oulpan-goals .pg-card{padding:clamp(14px,2.2vw,24px)}.oulpan-goals .pg-step{border:0;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.oulpan-goals .pg-step+.pg-step{margin-block-start:24px}.oulpan-goals .pg-hint{color:var(--mute);margin:0;font-size:14.5px}.oulpan-goals .pg-ask{letter-spacing:-.01em;outline:none;margin:0;font-size:clamp(20px,2.2vw,25px);line-height:1.2}.oulpan-goals .pg-grid{gap:8px;display:grid}@media (min-width:340px){.oulpan-goals .pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.oulpan-goals .pg-choice,.oulpan-goals .pg-level{cursor:pointer;border:2px solid var(--mint-d);min-block-size:56px;color:var(--ink);transition:background-color .14s var(--elev-ease-out,ease-out), border-color .14s var(--elev-ease-out,ease-out), transform .14s var(--elev-ease-out,ease-out);background:#f6fafe;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative}@media (max-width:519px){.oulpan-goals .pg-choice{gap:8px;padding-inline:10px}.oulpan-goals .pg-grid .pg-choice__icon{block-size:30px;inline-size:30px}.oulpan-goals .pg-grid .pg-choice__label{font-size:15px}}.oulpan-goals .pg-choice input,.oulpan-goals .pg-level input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.oulpan-goals .pg-choice__icon{block-size:36px;inline-size:36px;color:var(--green-d);background:var(--mint);border-radius:10px;place-items:center;display:grid}.oulpan-goals .pg-choice__words{gap:1px;min-inline-size:0;display:grid}.oulpan-goals .pg-choice__label{font-size:16px;font-weight:700;line-height:1.25}.oulpan-goals .pg-choice__help{color:var(--soft);font-size:13.5px;line-height:1.35}.oulpan-goals .pg-grid .pg-choice__help{display:none}@media (min-width:520px){.oulpan-goals .pg-grid .pg-choice__help{display:block}}.oulpan-goals .pg-choice__tick{color:#fff;background:var(--green);opacity:0;transition:opacity .14s var(--elev-ease-out,ease-out), transform .14s var(--elev-ease-out,ease-out);border-radius:999px;padding:2px;position:absolute;inset-block-start:6px;inset-inline-end:6px;transform:scale(.6)}@media (hover:hover){.oulpan-goals .pg-choice:hover,.oulpan-goals .pg-level:hover{border-color:var(--green)}}.oulpan-goals .pg-choice:active,.oulpan-goals .pg-level:active{transform:scale(.97)}:is(.oulpan-goals .pg-choice:has(input:checked),.oulpan-goals .pg-level:has(input:checked)){background:var(--mint);border-color:var(--green)}.oulpan-goals .pg-choice:has(input:checked) .pg-choice__tick{opacity:1;transform:none}:is(.oulpan-goals .pg-choice:has(input:focus-visible),.oulpan-goals .pg-level:has(input:focus-visible)){outline:3px solid var(--green);outline-offset:2px}.oulpan-goals .pg-levels{gap:8px;display:grid}.oulpan-goals .pg-level--alef{--rank:var(--rank-alef);--on-rank:var(--ink)}.oulpan-goals .pg-level--bet{--rank:var(--rank-bet);--on-rank:#fff}.oulpan-goals .pg-level--gimel{--rank:var(--rank-gimel);--on-rank:#fff}.oulpan-goals .pg-level--dalet{--rank:var(--rank-dalet);--on-rank:#fff}.oulpan-goals .pg-level--unknown{--rank:#fff;--on-rank:var(--green-d)}.oulpan-goals .pg-level__mark{block-size:36px;inline-size:36px;font:700 18px/1 var(--he);color:var(--on-rank);background:var(--rank);border-radius:10px;place-items:center;display:grid}.oulpan-goals .pg-level--unknown .pg-level__mark{box-shadow:inset 0 0 0 2px var(--mint-d)}.oulpan-goals .pg-btn{cursor:pointer;min-block-size:54px;inline-size:100%;font:inherit;color:#fff;background:var(--green);box-shadow:0 4px 0 var(--accent-lip);transition:transform .14s var(--elev-ease-out,ease-out), box-shadow .14s var(--elev-ease-out,ease-out), background-color .14s var(--elev-ease-out,ease-out);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}@media (hover:hover){.oulpan-goals .pg-btn:hover{background:var(--accent-lip)}}.oulpan-goals .pg-btn:active{box-shadow:0 2px 0 var(--accent-lip);transform:translateY(2px)}.oulpan-goals .pg-btn:focus-visible,.oulpan-goals .pg-back:focus-visible{outline:3px solid var(--green);outline-offset:3px}.oulpan-goals .pg-acts{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.oulpan-goals .pg-back{min-block-size:54px;color:var(--green-d);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:6px;padding-inline:12px;font-weight:700;text-decoration:none;display:inline-flex}.oulpan-goals .pg-missing{color:#b42318;margin:10px 0 0;font-size:15px;font-weight:700}.oulpan-goals .pg-missing:empty{margin:0}.oulpan-goals .pg-form[data-step=skills] .pg-step--level,.oulpan-goals .pg-form[data-step=level] .pg-step--skills{display:none}@media (scripting:enabled){.oulpan-goals .pg-form:not([data-step]) .pg-step--level:not(:target){display:none}.oulpan-goals .pg-form:not([data-step]):has(.pg-step--level:target) .pg-step--skills{display:none}.oulpan-goals .pg-step+.pg-step{margin-block-start:0}.oulpan-goals .pg-step{opacity:1;transition:opacity .22s var(--elev-ease-out,ease-out), transform .22s var(--elev-ease-out,ease-out);transform:none}@starting-style{.oulpan-goals .pg-step{opacity:0;transform:translateY(8px)}}}@media (scripting:none){.oulpan-goals .pg-next,.oulpan-goals .pg-back{display:none}.oulpan-goals .pg-acts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){@starting-style{.oulpan-goals .pg-step{transform:none}}.oulpan-goals .pg-choice:active,.oulpan-goals .pg-level:active,.oulpan-goals .pg-btn:active{transform:none}}.oulpan-goals .pg-sample{grid-template-areas:"head""art""trail""more""note";gap:8px 56px;display:grid}.oulpan-goals .pg-sample>.head{grid-area:head}.oulpan-goals .pg-sample__art{border-radius:18px;grid-area:art;block-size:auto;inline-size:100%;max-inline-size:360px;margin-block:4px 8px}.oulpan-goals .pg-trail{grid-area:trail}.oulpan-goals .pg-more{grid-area:more}.oulpan-goals .pg-note{grid-area:note}@media (min-width:900px){.oulpan-goals .pg-sample{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"head trail""art trail""note trail""note more";align-items:start}.oulpan-goals .pg-sample__art{max-inline-size:440px}}.oulpan-goals .pg-trail{margin:8px 0 0;padding:0;list-style:none;display:grid}.oulpan-goals .pg-stop{grid-template-columns:28px minmax(0,1fr);gap:14px;padding-block:6px;display:grid;position:relative}.oulpan-goals .pg-stop:before{content:"";background:var(--mint-d);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:13px}.oulpan-goals .pg-stop:first-child:before{inset-block-start:50%}.oulpan-goals .pg-stop:last-child:before{inset-block-end:50%}.oulpan-goals .pg-stop__dot{block-size:28px;inline-size:28px;box-shadow:inset 0 0 0 3px var(--green);background:#fff;border-radius:999px;align-self:center;position:relative}.oulpan-goals .pg-stop[data-on=true] .pg-stop__dot{background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-fort) 22%, transparent)}.oulpan-goals .pg-stop__card{background:#fff;border-radius:16px;gap:2px;padding:12px 16px;display:grid}.oulpan-goals .pg-stop[data-on=true] .pg-stop__card{box-shadow:inset 0 0 0 2px var(--green)}.oulpan-goals .pg-stop__here{color:#c2410c;margin:0 0 2px;font-size:13.5px;font-weight:800}.oulpan-goals .pg-stop__he{font:700 21px/1.3 var(--he);color:var(--ink);text-align:start}.oulpan-goals .pg-stop__title{color:var(--soft);font-weight:600}.oulpan-goals .pg-stop__meta{color:var(--mute);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14.5px;display:flex}.oulpan-goals .pg-free{color:var(--elev-success-dark);background:var(--elev-success-soft);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800}.oulpan-goals .pg-more{color:var(--green-d);margin:6px 0 0;padding-inline-start:42px;font-weight:700}.oulpan-goals .pg-note{color:var(--soft);max-inline-size:34em;margin:8px 0 0}.oulpan-goals .pg-why{gap:14px;display:grid}@media (min-width:760px){.oulpan-goals .pg-why{grid-template-columns:repeat(2,minmax(0,1fr))}}.oulpan-goals .pg-why h3{font-size:19px}.oulpan-goals .pg-why p{color:var(--soft);margin-block-start:6px}.oulpan-goals .pg-why__path{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.oulpan-goals .pg-honest{color:var(--soft);max-inline-size:46em;margin-block-start:16px}