/* DV171 article components. Typography is inherited from the 200H series template (Cormorant Garamond / Quicksand). */
.dv171 .dv171-kicker{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#526444;margin:0 0 .4rem}
.dv171 .dv171-label{font-size:.85rem;line-height:1.65;color:#52624f;margin:.6rem 0 0}
.dv171-hook{background:#faf8ef;border:1px solid #b8c5ab;border-radius:22px;padding:24px 26px;margin:1.8rem 0}
.dv171-hook h2{margin:0 0 1rem}
.dv171-strip{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:none}
.dv171-strip li{margin:0;position:relative}
.dv171-strip figure{margin:0}
.dv171-strip img{display:block;width:100%;height:auto;border-radius:12px}
.dv171-strip figcaption{font-size:.92rem;line-height:1.55;margin-top:.55rem;color:#2c3527}
.dv171-strip figcaption b{display:block;color:#4A5D3E;margin-bottom:.15rem}
.dv171-strip li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:28%;font-size:1.3rem;color:#8c6c3b}
.dv171 .dv171-hook-end{border-top:1px solid #ccd4c2;padding-top:14px;margin:1.1rem 0 0}
.dv171-quick{border-left:4px solid #5d754e;padding:16px 20px;background:#fff8;margin:1.8rem 0;border-radius:0 12px 12px 0}
.dv171-quick ul{margin:8px 0 0 18px}
.dv171 details{border:1px solid #b9c8ad;border-radius:12px;background:#fbfcf6;padding:13px 18px;margin:12px 0}
.dv171 summary{cursor:pointer;font-weight:600;line-height:1.6}
.dv171 details[open] summary{margin-bottom:10px}
.dv171 details p:last-child{margin-bottom:0}
.dv171-toc ol{margin:.4rem 0 0}
.dv171-photo{margin:1.8rem auto;max-width:560px}
.dv171-photo img{display:block;width:100%;height:auto;border-radius:14px}
.dv171-photo figcaption{font-size:.88rem;line-height:1.65;margin-top:.6rem;color:#52624f;text-align:center}
.dv171-pull{border-top:2px solid #5d754e;border-bottom:1px solid #9caf88;padding:20px 0;margin:2rem 0}
.dv171-pull p{font-size:1.15rem;line-height:1.7;margin:0;text-align:center}
.dv171 .try-unit{margin:1.6rem 0}
.dv171-ab{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.4rem 0}
.dv171-ab>section{padding:16px 18px;border-radius:14px}
.dv171-a{background:#f6e7dd;border:1px solid #c38b72}
.dv171-b{background:#dcebd5;border:2px solid #4A5D3E}
.dv171-small{display:block;font-weight:700;font-size:.72rem;letter-spacing:.08em;margin-bottom:.5rem;color:#3d4a35}
.dv171-ab p{margin:0 0 .5rem;font-size:.98rem;line-height:1.6}
.dv171 .dv171-verdict{font-weight:600;margin:0}
.dv171-a .dv171-verdict{color:#8c4a33}
.dv171-b .dv171-verdict{color:#2f4a28}
.dv171-pillar{display:grid;grid-template-columns:1fr 1fr;margin:1.4rem 0;border:1px solid #b4c3a4;border-radius:14px;overflow:hidden}
.dv171-pillar>div{padding:14px 18px}
.dv171-pillar>div:first-child{background:#dcebd5;border-right:1px dashed #9caf88}
.dv171-pillar>div:last-child{background:#fbfcf5}
.dv171-pillar p{margin:0;font-size:.98rem;line-height:1.6}
.dv171-swap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:1.4rem 0}
.dv171-swap>section{background:#fbfcf6;border:1px solid #b9c8ad;border-radius:14px;padding:14px 16px}
.dv171 .dv171-swap h3{margin:0 0 .5rem;font-size:1.3rem;line-height:1.3}
.dv171-swap p{margin:0 0 .45rem;font-size:.95rem;line-height:1.55}
.dv171-swap p:last-child{margin:0}
.dv171-swap span{display:inline-block;min-width:3.1rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-right:8px;text-align:center}
.dv171-doi span{background:#f5e6c6;color:#6b4f1d}
.dv171-giu span{background:#d7e8ce;color:#2f4a28}
.dv171-scale{list-style:none;padding:0;margin:1.4rem 0;display:grid;gap:10px}
.dv171-scale li{margin:0;padding:12px 16px;border-radius:12px;border-left:6px solid;background:#fbfcf6}
.dv171-scale b{display:block;line-height:1.5}
.dv171-scale span{display:block;font-size:.95rem;line-height:1.6;margin-top:.2rem}
.dv171-s1{border-color:#9caf88!important}
.dv171-s2{border-color:#c9a24a!important;background:#fffaf0!important}
.dv171-s3{border-color:#b5563d!important;background:#fdf3f1!important}
.dv171 .dv171-closing{margin-top:1rem}
.dv171-related{margin-top:2rem;border-top:1px solid #9caf88;padding-top:18px}
.dv171-related h3{margin-top:0}
.dv171 [id]{scroll-margin-top:110px}
@media(max-width:700px){
 .dv171-hook{padding:18px 16px}
 .dv171-strip{grid-template-columns:1fr;gap:12px}
 .dv171-strip li{display:grid;grid-template-columns:44% 1fr;gap:12px;align-items:center}
 .dv171-strip li figure{display:contents}
 .dv171-strip figcaption{margin:0}
 .dv171-strip li:not(:last-child)::after{content:"↓";right:auto;left:20%;top:auto;bottom:-14px;font-size:1rem}
 .dv171-ab,.dv171-pillar{grid-template-columns:1fr}
 .dv171-pillar>div:first-child{border-right:0;border-bottom:1px dashed #9caf88}
 .dv171-pull p{font-size:1.05rem}
}

/* Scoped adjustments for the English series template; shared styles stay unchanged. */
html[lang="en"] .article.dv171{padding-top:40px}
.article.dv171 .dv171-strip,.article.dv171 .dv171-scale{list-style:none;padding:0}
.article.dv171 .dv171-strip{margin:0}
.article.dv171 .dv171-scale{margin:1.4rem 0}
@media(max-width:768px){html[lang="en"] .article.dv171{padding-top:28px}}
