*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#252e26;background:#ededed;line-height:1.65}a{color:#38662c;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,pre:focus-visible{outline:2px solid #38662c;outline-offset:5px}img{max-width:100%;height:auto}.content-shell{max-width:1200px;margin:auto;padding:0 40px}.content-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid #cfd5ca}.content-header img{display:block;width:210px}.content-header nav,.content-footer nav{display:flex;gap:24px;flex-wrap:wrap}.content-header nav a,.content-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;font-size:14px}.content-header a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.content-skip{position:absolute;top:8px;left:12px;padding:10px 18px;background:white;transform:translateY(-150%);z-index:2}.content-skip:focus{transform:none}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;color:#52604b;margin:24px 0 30px}.breadcrumbs a{color:inherit}.content-intro{max-width:800px;margin-bottom:44px}.content-kicker{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#52604b;font-weight:600;margin:0 0 12px}h1{font-size:clamp(32px,4.2vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0 0 20px;text-wrap:balance}.content-lead{font-size:20px;line-height:1.5;color:#52604b;margin:0 0 22px;max-width:680px}.content-date{font-size:13px;color:#52604b}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;min-height:44px;padding:10px 18px;font-size:14px;line-height:1.4}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}.contents nav{position:sticky;top:24px;border-top:1px solid #cfd5ca;padding-top:16px}.contents p{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#52604b}.contents a{display:block;padding:7px 0;font-size:14px;line-height:1.45;color:#52604b}.article-layout article{max-width:720px;min-width:0}.article-layout section+section{margin-top:40px}h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;font-weight:600;scroll-margin-top:24px}p{margin:0 0 18px}ul,ol{padding-left:24px}li+li{margin-top:14px}code{font-size:.88em;overflow-wrap:anywhere}pre{background:#f8faf5;border:1px solid #ccd4c5;border-radius:12px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px}figure{margin:28px 0}figure img{display:block;border:1px solid #ccd4c5;border-radius:12px;box-shadow:var(--shadow-panel)}figcaption{font-size:13px;color:#52604b;margin-top:10px}.format-list{margin:0}.format-list>div{padding:18px 0;border-top:1px solid #cfd5ca}dt{font-weight:600}dd{margin:6px 0 0}.article-next{margin-top:40px;padding-top:24px;border-top:1px solid #cfd5ca}.article-next p{font-weight:600}.guide-list{border-top:1px solid #cfd5ca}.guide-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:24px;padding:26px 4px;border-bottom:1px solid #cfd5ca;text-decoration:none;color:inherit}.guide-list>a:hover strong{text-decoration:underline;text-underline-offset:4px}.guide-list strong{display:block;font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.guide-list strong+span{display:block;color:#52604b;margin-top:6px;max-width:660px}.guide-number{font-size:13px;color:#52604b;padding-top:4px}.related{margin-top:60px}.related .guide-list strong{font-size:20px}.content-footer{margin-top:64px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #cfd5ca;font-size:13px;color:#52604b}.content-footer p{margin:0}
@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr);gap:32px}.contents nav{position:static}.contents a{min-height:44px}.article-layout article{max-width:none}.content-intro{margin-bottom:30px}}
@media(max-width:520px){.content-shell{padding:0 20px}.content-header{flex-wrap:wrap;gap:4px;padding:14px 0 8px}.content-header img{width:190px}.content-header nav{gap:24px;width:100%}.breadcrumbs{margin:20px 0 26px}.content-lead{font-size:18px}.guide-list>a{gap:12px;grid-template-columns:24px minmax(0,1fr) 16px}.guide-list strong{font-size:20px}.content-footer{margin-top:40px}pre{padding:14px;font-size:13px}}