/* Q393：僅作用於熱水器專題新增區塊，延續主站配色與字體。 */
.q393-card,.q393-related,.q393-index{box-sizing:border-box;color:#173f3b;line-height:1.85;overflow-wrap:anywhere}
.q393-card{border:1px solid #bfd8cf;border-radius:18px;background:#f5faf7;padding:clamp(18px,3vw,30px);margin:0 0 28px;scroll-margin-top:110px}
.q393-card h2,.q393-related h2,.q393-index h2{color:#143f38;line-height:1.5;font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:.01em;margin:0 0 12px}
.q393-card p,.q393-card li,.q393-related p,.q393-related li,.q393-index p{font-size:1rem}
.q393-card .q393-kicker,.q393-related .q393-kicker,.q393-index .q393-kicker{font-size:.85rem;color:#386458;font-weight:800;letter-spacing:.07em;margin:0 0 8px}
.q393-stop{border:1px solid #d19c88;border-left:5px solid #a34024;border-radius:10px;background:#fff5ef;padding:16px;margin:16px 0}
.q393-stop h3{font-size:1.08rem;color:#7c2d18;margin:0 0 6px;line-height:1.65}.q393-stop p{margin:6px 0;color:#68331f}.q393-stop strong{color:inherit}
.q393-arrow{text-align:center;color:#376759;font-size:1.4rem;line-height:1.3;margin:8px 0}.q393-gate{padding:15px 18px;border:1px solid #9ebfb2;border-radius:10px;background:#e6f2eb;margin:8px 0 16px;font-weight:700}
.q393-paths{list-style:none!important;counter-reset:q393;display:grid;grid-template-columns:1fr;gap:12px;padding:0!important;margin:0!important}
.q393-paths>li{counter-increment:q393;min-width:0;padding:17px;border:1px solid #bfd8cf;border-radius:10px;background:#fff;position:relative}
.q393-paths h3{margin:0 0 8px;font-size:1.08rem;line-height:1.65;color:#174e40;display:flex;align-items:baseline;gap:9px}
.q393-paths h3:before{content:counter(q393,decimal-leading-zero);font-size:.85rem;color:#416858;flex:none;font-variant-numeric:tabular-nums}
.q393-paths p{margin:6px 0}.q393-route{border-top:1px solid #d4e5dc;padding-top:10px;font-weight:700;color:#205d4b}
.q393-limit{font-size:.94rem!important;color:#4b5d54;margin:14px 0}.q393-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.q393-downloads a,.q393-links a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;max-width:100%;padding:9px 14px;border:1px solid #93b9a8;border-radius:8px;background:#fff;color:#155440;font-size:1rem;line-height:1.6;text-decoration:underline;text-underline-offset:.2em}
.q393-downloads a:hover,.q393-links a:hover{background:#e1f0e7}.q393-card a:focus-visible,.q393-related a:focus-visible,.q393-index a:focus-visible{outline:3px solid #1c6b50;outline-offset:4px}
.q393-card details{margin-top:16px}.q393-card summary{font-size:1rem;min-height:44px;padding:10px 0;cursor:pointer;color:#155440;font-weight:700}.q393-card figure{margin:12px auto;max-width:540px}.q393-card figure img{display:block;width:100%;height:auto;border:1px solid #b4c9bf;border-radius:10px}.q393-card figcaption{font-size:.9rem;line-height:1.7;color:#4b5d54;margin:10px 0}
.q393-related{padding:clamp(18px,3vw,28px);border:1px solid #bfd8cf;border-radius:14px;background:#f6faf8;margin:28px 0;scroll-margin-top:110px}.q393-links{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.q393-related p{margin:10px 0}.q393-related .q393-scope{padding-top:14px;border-top:1px solid #d2e1d8}
.q393-service{width:calc(100% - 40px);max-width:1120px;margin:30px auto}.q393-index{border:1px solid #bfd8cf;border-radius:16px;background:#f5faf7;padding:24px;margin-top:24px;margin-bottom:28px}.q393-takeaways{padding-left:1.4em}
@media(min-width:1280px){.q393-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.q393-paths>li{padding:16px}.q393-paths h3{display:block}.q393-paths h3:before{display:block;margin-bottom:6px}}
@media(max-width:600px){.q393-card{padding:17px;border-radius:12px}.q393-paths>li{padding:14px}.q393-downloads a,.q393-links a{width:100%;justify-content:flex-start}.q393-service{width:calc(100% - 24px)}.q393-index{padding:18px}.q393-stop{padding:14px}.q393-card h2{font-size:1.35rem}}
@media print{.q393-card,.q393-related,.q393-index,.q393-paths>li{background:white}.q393-paths>li,.q393-stop{break-inside:avoid}.q393-downloads,.q393-card details{display:none}}