.gh-article{--gh-ink: #24445c;--gh-blue: #144d8d;--gh-teal: #087f89;--gh-line: #c9e1e9;box-sizing:border-box;width:min(1120px,100% - 64px);margin:110px auto 90px;color:var(--gh-ink);font-size:17px;line-height:1.95;overflow-wrap:anywhere}.gh-article *,.gh-article *::before,.gh-article *::after{box-sizing:border-box}.gh-article h1,.gh-article h2,.gh-article h3,.gh-article p,.gh-article ul,.gh-article ol,.gh-article figure{padding:0;margin:0}.gh-article h1,.gh-article h2,.gh-article h3{background:none;border:0;color:var(--gh-blue);text-align:left;letter-spacing:.025em}.gh-article h2,.gh-article h3{text-wrap:balance}.gh-article h1{font-size:clamp(28px,3vw,40px);line-height:1.55;font-weight:700;word-break:normal}.gh-article h2{font-size:clamp(24px,2.6vw,32px);line-height:1.55;font-weight:700;margin-bottom:24px}.gh-article h3{font-size:21px;line-height:1.65;font-weight:700;margin-bottom:16px}.gh-article p+p{margin-top:18px}.gh-article a{color:var(--gh-blue);text-decoration:underline;text-underline-offset:.22em}.gh-article a:hover{text-decoration-thickness:2px}.gh-article a:focus-visible,.gh-article summary:focus-visible{outline:3px solid var(--gh-teal);outline-offset:5px}.gh-article img{display:block;max-width:100%;height:auto}.gh-article strong{font-weight:700}.gh-article section[id],.gh-article h2[id]{scroll-margin-top:110px}.gh-article .gh-eyebrow{color:var(--gh-teal);font-weight:700;font-size:12px;letter-spacing:.12em;line-height:1.65;margin:0 0 16px}.gh-article .gh-note{font-size:13px;color:#506775;line-height:1.85}.gh-article .gh-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.7;margin-bottom:30px}.gh-article .gh-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;padding:30px 0 38px;border-bottom:3px solid var(--gh-blue)}.gh-article .gh-hero-copy .gh-eyebrow span{display:block;letter-spacing:.06em;margin-top:6px}.gh-article .gh-hero-lead{font-size:21px;line-height:1.75;margin:22px 0;color:var(--gh-teal)}.gh-article .gh-byline{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:12px;line-height:1.7;color:#536b7b}.gh-article .gh-byline>span:first-child{flex-basis:100%}.gh-article .gh-hero-art{width:100%;object-fit:contain}.gh-article .g-homework-content{max-width:880px;margin:28px auto 0}.gh-article .gh-intro{max-width:740px;margin:36px auto}.gh-article .gh-answer{padding:30px 36px;background:#eef8fb;border-left:5px solid var(--gh-teal);border-radius:0 20px 20px 0;margin-bottom:28px}.gh-article .gh-answer h2{font-size:26px;margin-bottom:18px}.gh-article .gh-toc{padding:24px 30px;border:1px solid var(--gh-line);border-radius:16px}.gh-article .gh-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;padding-left:24px;list-style:decimal}.gh-article .gh-toc li{padding-left:2px;font-size:14px}.gh-article .gh-toc a{display:inline-block;padding:6px 0}.gh-article .gh-section{margin:64px 0}.gh-article .gh-section>p{max-width:740px}.gh-article .gh-observe{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;margin:30px 0}.gh-article .gh-observe>div{border-top:1px solid var(--gh-line);padding:20px 0 0}.gh-article .gh-symbol{display:inline-grid;place-items:center;width:42px;height:42px;color:var(--gh-blue);background:#fff3b6;border-radius:12px;font-weight:700;margin-bottom:14px}.gh-article .gh-observe h3{font-size:18px;margin-bottom:8px}.gh-article .gh-observe p{font-size:15px}.gh-article .gh-steps{margin-top:32px}.gh-article .gh-step{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:32px 0;border-top:1px solid var(--gh-line)}.gh-article .gh-step-art img{width:240px;aspect-ratio:1;object-fit:contain;margin:10px auto 0}.gh-article .gh-step-no{display:flex;align-items:center;gap:12px;font-size:30px;line-height:1.4;font-weight:700;color:var(--gh-teal)}.gh-article .gh-step-no span{font-size:14px;letter-spacing:.1em;border-bottom:3px solid #ffe15b;padding:0 0 3px;color:var(--gh-blue)}.gh-article .gh-small-tip{font-size:14px;line-height:1.9;background:#fffbed;padding:16px 20px;border-radius:10px}.gh-article .gh-small-tip strong{display:block;margin-bottom:5px;color:var(--gh-blue)}.gh-article .gh-talks{margin:28px 0 16px;display:grid;gap:18px}.gh-article .gh-talks>div{padding:24px;border:1px solid var(--gh-line);border-radius:18px}.gh-article .gh-talks h3{font-size:15px;margin-bottom:12px;color:#506775}.gh-article .gh-speech{color:var(--gh-blue);font-size:20px;font-weight:700;line-height:1.7}.gh-article .gh-talks p+p{font-size:15px;margin-top:12px}.gh-article .gh-cases{margin-top:24px}.gh-article .gh-cases details{border-bottom:1px solid var(--gh-line)}.gh-article .gh-cases summary{cursor:pointer;padding:20px 8px;color:var(--gh-blue);font-weight:700;font-size:18px;list-style-position:outside;margin-left:20px}.gh-article .gh-cases details>div{padding:0 8px 24px 28px}.gh-article .gh-check{padding:32px 36px;border:2px solid #e9d77c;border-radius:20px;background:#fffbed}.gh-article .gh-check h2{font-size:25px}.gh-article .gh-check ul{list-style:none;margin-bottom:20px}.gh-article .gh-check li{position:relative;padding:8px 0 8px 28px;border-bottom:1px dashed #d8cd9c}.gh-article .gh-check li::before{content:"";position:absolute;width:12px;height:12px;border:2px solid #a18a29;border-radius:3px;left:0;top:19px}.gh-article .gh-link{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 0;margin-top:18px;border-bottom:2px solid var(--gh-blue);font-weight:700}.gh-article .gh-ask{padding:24px;background:#eef8fb;border-radius:16px;margin-top:28px}.gh-article .gh-ask h3{font-size:18px}.gh-article .gh-ask ul,.gh-article .gh-sources ul{padding-left:22px;list-style:disc}.gh-article .gh-related{margin:56px 0}.gh-article .gh-related h2{font-size:24px}.gh-article .gh-related>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gh-article .gh-related a{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--gh-line);border-radius:16px;text-decoration:none}.gh-article .gh-related a>span{font-size:13px}.gh-article .gh-related a>span:last-child{margin-top:auto;text-decoration:underline}.gh-article .gh-related a:hover{background:#f2faff}.gh-article .gh-cta{background:#123f71;color:#fff;padding:38px;border-radius:22px}.gh-article .gh-cta .gh-eyebrow,.gh-article .gh-cta h2{color:#fff}.gh-article .gh-cta .gh-eyebrow{color:#bceafa}.gh-article .gh-button{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;padding:18px 22px;background:#ffe56d;color:#133855;border-radius:12px;text-align:center;font-weight:700;text-decoration:none;line-height:1.7}.gh-article .gh-cta-sub{display:block;padding:14px 0 0;color:#fff;text-align:center;font-size:14px}.gh-article .gh-cta a:focus-visible{outline-color:#fff}.gh-article .gh-sources{font-size:13px;color:#506775;line-height:1.9;margin-top:40px;padding-top:24px;border-top:1px solid var(--gh-line)}.gh-article .gh-sources h2{font-size:17px;margin-bottom:14px}.gh-article .gh-sources ul{margin:16px 0}.gh-article .gh-sources li{margin:8px 0}.gh-article .gh-sources>a{display:inline-block;padding:16px 0}@media(max-width: 767px){body:has(.gh-article) .right-fixed-banner{display:none}.gh-article{width:calc(100% - 36px);margin:100px auto 50px;font-size:16px;line-height:1.95}.gh-article h1{font-size:28px;line-height:1.55}.gh-article h2{font-size:24px;margin-bottom:20px}.gh-article h3{font-size:20px}.gh-article section[id],.gh-article h2[id]{scroll-margin-top:105px}.gh-article .gh-breadcrumb{font-size:11px;gap:5px 8px;margin-bottom:18px}.gh-article .gh-hero{grid-template-columns:1fr;gap:12px;padding:8px 0 22px}.gh-article .gh-hero-copy .gh-eyebrow{margin-bottom:12px}.gh-article .gh-hero-copy .gh-eyebrow span{display:inline;margin-left:8px;font-size:11px;letter-spacing:0}.gh-article .gh-hero-lead{font-size:18px;margin:18px 0}.gh-article .gh-hero-art{max-width:290px;margin:0 auto}.gh-article .gh-intro{margin:28px 0}.gh-article .gh-answer{padding:22px 20px;border-left-width:4px}.gh-article .gh-answer h2{font-size:22px}.gh-article .gh-toc{padding:20px}.gh-article .gh-toc ol{grid-template-columns:1fr;gap:2px}.gh-article .gh-toc a{padding:8px 0}.gh-article .gh-section{margin:44px 0}.gh-article .gh-observe{grid-template-columns:1fr;gap:18px;margin:24px 0}.gh-article .gh-observe>div{display:grid;grid-template-columns:42px 1fr;gap:0 14px;padding-top:18px}.gh-article .gh-observe .gh-symbol{grid-row:span 2;margin:0}.gh-article .gh-observe h3{margin:0 0 4px}.gh-article .gh-steps{margin-top:24px}.gh-article .gh-step{grid-template-columns:1fr;gap:12px;padding:26px 0}.gh-article .gh-step-art{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}.gh-article .gh-step-art img{width:170px;margin:0 auto}.gh-article .gh-step-no{flex-direction:column;align-items:flex-start;gap:6px;font-size:36px}.gh-article .gh-step-copy h3{font-size:22px}.gh-article .gh-talks>div{padding:20px}.gh-article .gh-speech{font-size:18px}.gh-article .gh-cases summary{font-size:17px;padding:18px 4px}.gh-article .gh-cases details>div{padding-left:8px}.gh-article .gh-check{padding:24px 20px}.gh-article .gh-check h2{font-size:22px}.gh-article .gh-check li{font-size:15px}.gh-article .gh-ask{padding:20px}.gh-article .gh-related{margin:40px 0}.gh-article .gh-related>div{grid-template-columns:1fr;gap:12px}.gh-article .gh-related a{padding:20px;gap:8px}.gh-article .gh-cta{padding:26px 20px;border-radius:18px}.gh-article .gh-cta h2{font-size:23px}.gh-article .gh-button{padding:16px;gap:12px;font-size:15px}}@media print{body:has(.gh-article) .right-fixed-banner,body:has(.gh-article) #sp-fixed-menu{display:none}.gh-article{width:100%;color:#222}.gh-article .gh-toc,.gh-article .gh-cta{display:none}.gh-article .gh-step,.gh-article .gh-check{break-inside:avoid}}.gh-article .g-homework-content .gh-detail{display:block;width:110px;height:110px;object-fit:contain;margin:0 0 12px;max-width:100%;border-radius:0}.gh-article .g-homework-content .gh-detail--talk{width:100px;height:100px}.gh-article .g-homework-content .gh-detail--check{display:inline-block;width:68px;height:68px;vertical-align:middle;margin:0 16px 0 0}.gh-article .g-homework-content .gh-check li{min-height:85px;padding-top:8px;padding-bottom:8px}@media(max-width: 767px){.gh-article .g-homework-content .gh-detail--observe{width:96px;height:96px}.gh-article .g-homework-content .gh-detail--talk{width:90px;height:90px}.gh-article .g-homework-content .gh-detail--check{display:block;width:76px;height:76px;margin:0 0 10px}.gh-article .g-homework-content .gh-check li{padding-top:14px;padding-bottom:16px}}
