.dg-intro{max-width:740px;margin:28px 0 36px}.dg-intro .lead{font-size:clamp(18px,2.2vw,22px)}.dg-tag{display:inline-block;color:#12665e;font-weight:800;font-size:14px;letter-spacing:.08em}.dg-meta{font-size:14px;color:#53695e}.dg-section{margin:48px 0;scroll-margin-top:90px}.dg-section>h2{margin-bottom:20px}.dg-summary{background:#e2efe6;border-left:5px solid #12665e;padding:20px 24px;margin:24px 0;border-radius:0 16px 16px 0}.dg-summary strong{font-size:21px;display:block}.dg-summary p{margin:8px 0 0}.dg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dg-card{background:#fff;border:1px solid #cddfd3;border-radius:20px;padding:24px;min-width:0}.dg-card h3{font-size:22px}.dg-card p:last-child{margin-bottom:0}.dg-sign{display:block;text-align:center;padding:10px 0 16px;text-decoration:none}.dg-sign img{height:138px;width:156px;object-fit:contain;display:block;margin:auto}.dg-sign span{display:block;font-size:16px;margin-top:8px;text-decoration:underline}.dg-note{padding:16px 20px;background:#fff6dc;border-radius:12px;color:#514326;margin:18px 0;font-size:16px}.dg-credit{font-size:16px;color:#53695e;margin:16px 0}.dg-steps{list-style:none;padding:0;counter-reset:dg;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.dg-steps li{counter-increment:dg;border-top:3px solid #90b69c;padding:18px 0 0;min-width:0}.dg-steps li:before{content:'0' counter(dg);display:block;font-size:30px;font-weight:900;color:#12665e;line-height:1;margin-bottom:14px}.dg-steps strong{display:block;font-size:20px}.dg-steps p{margin:8px 0;font-size:16px}.dg-scene{margin:24px 0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #cddfd3}.dg-scene>a{display:block}.dg-scene img{display:block;width:100%;height:auto}.dg-scene>a>span{display:block;text-align:center;padding:12px;font-size:16px;font-weight:700}.dg-scene figcaption{padding:16px 22px;border-top:1px solid #cddfd3;font-size:16px}.dg-observe{margin:0}.dg-observe div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #cddfd3}.dg-observe dt{font-weight:800;color:#12665e}.dg-observe dd{margin:0}.dg-example{background:white;border-radius:16px;padding:20px 24px;margin-top:20px}.dg-example summary{cursor:pointer;font-weight:800;min-height:44px}.dg-example p{margin:10px 0}.dg-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:20px}.dg-score b{font-size:42px;color:#12665e;line-height:1.3}.dg-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.dg-metrics div{border-top:1px solid #cddfd3;padding-top:12px}.dg-metrics dt{font-size:16px}.dg-metrics dd{margin:6px 0 0;font-size:20px;font-weight:800}.dg-metrics b{font-size:30px}.dg-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.dg-links a{display:flex;flex-direction:column;justify-content:space-between;gap:8px;border:1px solid #bdd5c9;border-radius:16px;background:white;padding:18px;text-decoration:none;min-height:100px}.dg-links a:hover{background:#e2efe6}.dg-links strong{font-size:18px}.dg-links span{font-size:16px}.dg-sources{margin:40px 0 24px;border-top:1px solid #cddfd3;padding-top:8px;font-size:16px}.dg-sources li{margin:12px 0;overflow-wrap:anywhere}.dg-sources ul{padding-left:22px}.dg-practice-start{border-top:3px solid #12665e;padding-top:24px;margin-top:48px}.dg-practice-start h2{margin-top:0}.dg-root-links{margin:32px 0;padding:24px;background:#fff;border:1px solid #cddfd3;border-radius:18px}.dg-root-links h2{margin:0 0 10px}.dg-root-links ul{padding-left:20px}.dg-root-links li{padding:8px 0}.dg-root-links a{font-weight:700}
@media(max-width:760px){.dg-intro{margin:24px 0}.dg-grid{grid-template-columns:1fr;gap:14px}.dg-card{padding:20px}.dg-section{margin:34px 0}.dg-steps{grid-template-columns:1fr;gap:0}.dg-steps li{position:relative;padding:18px 0 18px 50px;border-top:1px solid #bdd5c9}.dg-steps li:before{position:absolute;left:0;top:20px;font-size:26px}.dg-summary{padding:18px}.dg-summary strong{font-size:20px}.dg-observe div{grid-template-columns:1fr;gap:5px}.dg-links{grid-template-columns:1fr}.dg-links a{min-height:80px}.dg-metrics{gap:8px}.dg-metrics dd{font-size:18px}.dg-metrics b{font-size:27px}.dg-example{padding:18px}.dg-root-links{padding:18px}.dg-scene figcaption{padding:16px}.dg-credit{font-size:16px}.dg-sign img{height:132px}}