.cp-interview-practice[data-astro-cid-devw46kt]{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:40px;padding:24px 0 28px}.cp-interview-practice[data-astro-cid-devw46kt] h2[data-astro-cid-devw46kt]{font:700 28px/1.15 var(--font-display)}.cp-interview-practice[data-astro-cid-devw46kt] p[data-astro-cid-devw46kt]{color:var(--ink-2);max-width:65ch;margin:12px 0 16px}.cp-interview-practice[data-astro-cid-devw46kt] nav[data-astro-cid-devw46kt]{flex-wrap:wrap;gap:8px 24px;display:flex}.cp-interview-practice[data-astro-cid-devw46kt] a[data-astro-cid-devw46kt]{color:var(--course-dk,#0e1530);text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.cp-interview-practice[data-astro-cid-devw46kt] a[data-astro-cid-devw46kt]:hover{text-decoration:underline}.cp-interview-practice[data-astro-cid-devw46kt] svg[data-astro-cid-devw46kt]{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cp-interview-all[data-astro-cid-devw46kt]{margin-top:8px;text-decoration:underline}.cp{--cp-ink:#101114;--cp-ink2:#4f5461;--cp-ink3:#676c7a;--cp-line:#e6e6eb;--cp-line2:#d5d6dd;--cp-band:#f4f5f8}.cp h1,.cp h2,.cp h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.1}.cp-wrap{width:min(1312px,100% - 96px);margin:0 auto}.cp-tile{background:#fff;border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 6px 16px #0000002e}.cp-tile svg,.cp-tile img{width:30px;height:30px}.cp-tile svg{color:var(--course)}.cp-tile .tx{background:var(--course);color:#fff;min-width:30px;height:30px;font:800 10.5px/30px var(--font);text-align:center;border-radius:7px;padding:0 4px}.cp-hero{background:var(--stage);color:#fff;padding:44px 0 40px;position:relative;overflow:hidden}.cp-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:96px 32px;position:absolute;inset:0}.cp-hero .cp-wrap{z-index:1;position:relative}.cp-crumb{color:#ffffffc7;font-size:14.5px}.cp-crumb a:hover{color:#fff;text-decoration:underline}.cp-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:56px;padding-top:20px;display:grid}.cp-hero h1{align-items:center;gap:18px;font-size:clamp(42px,5vw,68px);display:flex}.cp-tagline{color:#ffffffeb;max-width:52ch;margin-top:14px;font-size:19px}.cp-about{color:var(--cp-ink2);max-width:70ch;margin-bottom:44px;font-size:16.5px;line-height:1.6}.cp-about p+p{margin-top:10px}.cp-about ul,.cp-about ol{margin-top:10px;padding-left:20px}.cp-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px;display:flex}.cp-btn{height:48px;color:var(--cp-ink);transition:transform .2s var(--ease), background .15s;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #0003}.cp-btn:hover{background:#f3f4f7;transform:translateY(-1px)}.cp-btn.quiet{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1.5px #fff6}.cp-actions small{color:#ffffffdb;font-size:14.5px}.cp-stats{background:#ffffff1a;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.cp-stats div{padding:16px 18px}.cp-stats div+div{box-shadow:inset 1px 0 #ffffff2e}.cp-stats b{font-family:var(--font-display);font-size:30px;line-height:1.1;display:block}.cp-stats span{color:#ffffffd1;font-size:13.5px}.cp-stats .prep{color:#ffffffe6;grid-column:1/-1;font-size:14.5px;box-shadow:inset 0 1px #ffffff2e}.cp-stats .prep b{font-family:var(--font);font-size:14.5px;font-weight:600;display:inline}.cp-show{padding:40px 0 6px}.cp-show h2{margin-bottom:16px;font-size:26px}.cp-strip{scrollbar-width:thin;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:14px;padding:2px 2px 10px;display:grid;overflow-x:auto}.cp-card{background:var(--course-soft);transition:transform .25s var(--ease), box-shadow .25s;border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.cp-card:hover{box-shadow:0 12px 26px color-mix(in srgb, var(--course) 18%, transparent);transform:translateY(-3px)}.cp-card em{color:var(--course-dk);font-size:12.5px;font-style:normal;font-weight:700}.cp-card b{font-family:var(--font-display);font-size:19px;line-height:1.2}.cp-card p{color:var(--cp-ink2);font-size:14px;line-height:1.45}.cp-card small{color:var(--cp-ink3);margin-top:auto;font-size:13px}.cp-body{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:56px;padding:40px 0 96px;display:grid}.cp-outline{scrollbar-width:thin;gap:18px;max-height:calc(100vh - 48px);font-size:14.5px;display:grid;position:sticky;top:24px;overflow:auto}.cp-outline .lv{color:var(--cp-ink3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:12.5px;font-weight:700}.cp-outline a{color:var(--cp-ink2);box-shadow:inset 2px 0 0 var(--cp-line);justify-content:space-between;gap:10px;padding:5px 0 5px 14px;transition:color .15s,box-shadow .15s;display:flex}.cp-outline a:hover,.cp-outline a.on{color:var(--cp-ink);box-shadow:inset 2px 0 0 var(--course)}.cp-outline a span{color:var(--cp-ink3);font-size:13px}.cp-level{letter-spacing:.06em;text-transform:uppercase;color:var(--course-dk);margin:56px 0 18px;font-size:13px;font-weight:700}.cp-units>.cp-level:first-child{margin-top:0}.cp-unit+.cp-unit{margin-top:44px}.cp-unit>header{border-bottom:2px solid var(--cp-ink);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:12px;display:flex}.cp-unit h2{font-size:26px}.cp-unit header p{color:var(--cp-ink2);margin-top:2px;font-size:15px}.cp-unit header small{color:var(--cp-ink3);white-space:nowrap;font-size:14px}.cp-les a{border-bottom:1px solid var(--cp-line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 8px 15px 2px;transition:background .15s;display:grid}.cp-les a:hover{background:#fafafb}.cp-les .n{width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--cp-line2);color:var(--cp-ink3);border-radius:50%;place-items:center;font-size:12.5px;font-weight:600;display:grid}.cp-les.is-done .n{background:var(--ok);box-shadow:none;color:#fff}.cp-les.is-started .n{box-shadow:inset 0 0 0 2px var(--course);color:var(--course-dk)}.cp-les b{font-size:16.5px;font-weight:600}.cp-les small{color:var(--cp-ink2);margin-top:2px;font-size:14.5px;line-height:1.4;display:block}.cp .meta{color:var(--cp-ink3);white-space:nowrap;align-items:center;gap:10px;font-size:13.5px;display:flex}.cp .meta svg{width:15px;height:15px}.cp .free{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.cp-cap{margin-top:14px}.cp-cap a{background:var(--course-soft);transition:transform .2s var(--ease), box-shadow .2s;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.cp-cap a:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--course) 16%, transparent);transform:translateY(-2px)}.cp-cap .ic{background:var(--course);color:#fff;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.cp-cap.is-done .ic{background:var(--ok)}.cp-cap .ic svg{width:22px;height:22px}.cp-cap em{color:var(--course-dk);font-size:12.5px;font-style:normal;font-weight:700}.cp-cap b{font-family:var(--font-display);font-size:20px;display:block}.cp-cap small{color:var(--cp-ink2);font-size:14.5px;display:block}.cp-cap .go{height:38px;color:var(--course-dk);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:14.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #10111414}.cp-planned{background:var(--cp-band);border-radius:14px;margin-top:56px;padding:24px 26px}.cp-planned h2{font-size:22px}.cp-planned h3{font-size:16px;font-family:var(--font);margin-top:14px;font-weight:600}.cp-planned p{color:var(--cp-ink2);font-size:14.5px}.cp .gx-due{background:var(--hint-soft);color:var(--hint);border-radius:10px;padding:2px 8px;font-size:11.5px;font-style:normal;font-weight:700}@media (width<=1080px){.cp-row,.cp-body{grid-template-columns:minmax(0,1fr);gap:28px}.cp-outline{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:none;position:static}}@media (width<=680px){.cp-wrap{width:calc(100% - 40px)}.cp-hero h1{gap:12px}.cp-tile{border-radius:12px;width:46px;height:46px}.cp-stats b{font-size:24px}.cp-outline{display:none}.cp-les a{grid-template-columns:30px minmax(0,1fr)}.cp-les .meta{grid-column:2}.cp-cap a{grid-template-columns:40px minmax(0,1fr)}.cp-cap .go{grid-column:2;justify-self:start}}.cp-unit.is-free{background:#eef8f2;border-radius:22px;padding:18px 22px 10px;box-shadow:inset 0 0 0 1.5px #c3e5cf}.cp-unit.is-free>header{border-bottom-color:#137143}.cp-free-banner{color:#0f5a32;align-items:center;gap:12px;margin:0 0 14px;font-size:15px;line-height:1.4;display:none}.cp-unit.is-free .cp-free-banner{display:flex}.cp-free-banner b{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#137143;border-radius:99px;flex:none;padding:4px 11px;font-size:12.5px}.cp-unit.is-free .cp-les a:hover{background:#ffffffb3}.cp-unit.is-free .free{color:#fff;background:#137143}@media (width<=640px){.cp-unit.is-free{border-radius:18px;margin-inline:-8px;padding:14px 14px 6px}.cp-free-banner{align-items:flex-start;font-size:14px}}.cp-unit.is-free .cp-cap .go{color:#fff;background:#137143}