@charset "UTF-8";
.hero{grid-template-columns:1.35fr 1fr;gap:38px}.hero h1{font-size:41px}.hero .hero-description{font-size:15px}.guide-number{letter-spacing:0}.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.difficulty-card{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:10px;padding:20px 17px;transition:border-color .15s,background .15s}.difficulty-card:hover{border-color:#829b72;background:#f4f7ef}.difficulty-card>span{font-size:10px;color:var(--green);font-weight:700;display:block;margin-bottom:13px}.difficulty-card h3{font-size:15px;line-height:1.8;margin-bottom:11px;letter-spacing:-.4px}.difficulty-card p{font-size:12px;color:#6d7867;line-height:1.95;margin-bottom:17px}.difficulty-card strong{font-size:10px;font-weight:700;color:var(--green)}.unit-list{display:grid;gap:10px}.unit-list details{background:#fff;border:1px solid var(--line);border-radius:9px}.unit-list summary{display:flex;gap:16px;align-items:center;padding:19px 22px;cursor:pointer;list-style:none}.unit-list summary::-webkit-details-marker{display:none}.unit-list summary:after{content:"+";margin-left:auto;color:#6f875f;font-size:22px}.unit-list details[open] summary:after{content:"−"}.unit-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;font-family:Georgia,serif;font-size:17px;color:var(--green);background:#edf2e7;border-radius:7px}.unit-list strong{display:block;font-size:15px;color:var(--ink)}.unit-list small{font-size:11px;color:#829078;display:block;line-height:1.8;margin-top:3px}.unit-body{border-top:1px solid var(--line);padding:20px 22px}.unit-body p{font-size:13px;line-height:2;margin-bottom:14px}.unit-body p:last-child{margin:0}.unit-check{background:#f1f5ea;border-radius:6px;padding:13px 16px;color:#546c45}.unit-check strong{font-size:11px;margin-bottom:4px}.number-line,.coordinate-plot{display:block;max-width:100%;width:100%;margin:12px auto 20px;background:#f5f7f0;border-radius:8px;color:var(--green);font-size:13px;font-family:"Malgun Gothic",sans-serif}.coordinate-plot{max-width:360px}.routine-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.routine-list li{display:flex;gap:21px;padding:24px 0;border-bottom:1px solid var(--line)}.routine-list li>span{color:var(--green);font-size:12px;font-weight:700;background:#eaf0e2;padding:7px 10px;align-self:start;white-space:nowrap;border-radius:5px;min-width:64px;text-align:center}.routine-list h3{font-size:16px}.routine-list p{font-size:13px;line-height:1.95;margin-bottom:10px}.routine-list small{font-size:11px;color:#758b66;display:block;line-height:1.8}.contents nav a{font-size:12px}.source-note{line-height:1.9}
@media(max-width:1000px){.hero h1{font-size:35px}.difficulty-grid{grid-template-columns:1fr}.difficulty-card{padding:19px 21px}.difficulty-card h3 br{display:none}.difficulty-card p{margin-bottom:10px}.difficulty-card h3{font-size:16px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:32px;letter-spacing:-1.5px}.hero .hero-description{font-size:14px}.difficulty-card{padding:20px}.unit-list summary{padding:17px;gap:12px}.unit-list strong{font-size:14px}.unit-list small{font-size:10px}.unit-body{padding:18px}.routine-list li{gap:13px}.routine-list li>span{min-width:55px;font-size:11px;padding:6px 8px}.routine-list h3{font-size:15px}.example-selector button{font-size:11px;padding:10px 4px}.contents nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.difficulty-card{transition:none}}
@media print{.example-card,.routine-list,.difficulty-grid,.unit-list{display:none!important}}
