.detail-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:20px clamp(24px,8vw,122px);font-size:12px;color:#617266;background:#fff;border-bottom:1px solid var(--line)}
.detail-breadcrumb a{color:var(--green)}
.detail-breadcrumb a:hover{text-decoration:underline}
.detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:490px;background:#edf2eb}
.detail-hero>div{align-self:center;padding:70px clamp(28px,7vw,110px)}
.detail-hero h1{font:600 clamp(40px,4.7vw,64px)/1.07 var(--display);letter-spacing:-.05em;margin:0 0 22px;max-width:700px}
.detail-lead{color:#526359;font-size:17px;line-height:1.78;max-width:650px;margin:0 0 30px}
.detail-hero img{height:100%;width:100%;object-fit:cover;max-height:560px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:80px;max-width:1420px;margin:auto;padding:82px clamp(24px,8vw,122px)}
.detail-section{padding-bottom:30px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.detail-section h2,.detail-related h2{font:600 clamp(27px,3vw,38px)/1.2 var(--display);letter-spacing:-.035em;margin:0 0 16px}
.detail-section p,.detail-section li{color:#58675d;line-height:1.85;font-size:16px}
.detail-section ul{margin:17px 0 0;padding-left:23px}
.detail-section li{padding-left:4px;margin-bottom:7px}
.detail-answer{border:0;margin-bottom:0;padding-bottom:0}
.detail-aside{align-self:start;background:#fff;border:1px solid var(--line);padding:29px;position:sticky;top:112px}
.detail-aside h2{font:600 25px/1.2 var(--display);letter-spacing:-.03em;margin:0 0 15px}
.detail-aside p{color:#617166;line-height:1.7;font-size:14px}
.detail-aside a{display:block;color:var(--green);font-weight:700;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-aside .detail-note{font-size:12px;color:#758075;margin:18px 0 0}
.detail-related{background:#f0f4ef;padding:75px clamp(24px,8vw,122px)}
.detail-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px}
.detail-card{background:#fff;padding:24px;border:1px solid #dbe5db;display:flex;flex-direction:column;min-height:230px}
.detail-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.detail-card span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--green);font-weight:800}
.detail-card h3{font:600 20px/1.25 var(--display);margin:10px 0}
.detail-card p{font-size:13px;color:#68766a;margin:0 0 15px;line-height:1.7}
.detail-card strong{font-size:12px;color:var(--green);margin-top:auto}
.detail-all{display:inline-block;margin-top:25px;color:var(--green);font-weight:700;font-size:14px}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr}.detail-hero>div{padding:52px 28px}.detail-hero img{height:350px}.detail-layout{grid-template-columns:1fr;gap:30px;padding:60px 28px}.detail-aside{position:static}.detail-related{padding:60px 28px}}
@media(max-width:620px){.detail-breadcrumb{padding:16px 20px}.detail-hero>div{padding:45px 22px}.detail-hero h1{font-size:39px}.detail-lead{font-size:15px}.detail-hero img{height:265px}.detail-layout{padding:50px 22px}.detail-related{padding:50px 22px}.detail-card-grid{grid-template-columns:1fr}.detail-card{min-height:0}.detail-section p,.detail-section li{font-size:15px}}