.advice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}
.advice-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:16px;padding:28px;background:#fffdf8;border:1px solid #ded9ce;border-top:3px solid #c7ad72;border-radius:14px;transition:border-color .2s,transform .2s}
.advice-card:hover{border-color:#b89d5e;transform:translateY(-3px)}
.advice-time,.advice-meta{font-size:12px;color:#767771;letter-spacing:.2px}
.advice-card h2{font-size:23px;line-height:1.3;margin:0;color:#252b30}
.advice-card p{font-size:15px;line-height:1.7;color:#657075;margin:0}
.advice-read{font-size:14px;color:#66542e;font-weight:700;margin-top:auto;padding-top:12px}
.advice-index-note{font-size:13px;color:#767771;line-height:1.6}
.advice-article{max-width:820px;color:#41494e;line-height:1.8;font-size:16px}
.advice-article h1{font-size:clamp(29px,3.3vw,43px);line-height:1.15;letter-spacing:-.8px;color:#252b30;margin:12px 0 22px}
.advice-article .advice-meta{margin:0;line-height:1.5}
.advice-article .advice-lead{font-size:19px;line-height:1.7;color:#596970;margin-bottom:28px}
.advice-toc{padding:20px 24px;background:#eeece5;border:1px solid #ded9ce;border-radius:12px;margin:28px 0 34px}
.advice-toc strong{font-size:14px;color:#252b30}
.advice-toc ul{list-style:none;padding:0;margin:9px 0 0;display:flex;flex-direction:column;gap:5px}
.advice-toc a{color:#596970;font-size:14px;text-decoration:underline;text-decoration-color:#c7bfae;text-underline-offset:4px}
.advice-section{scroll-margin-top:24px}
.advice-article .advice-section h2{font-size:25px;line-height:1.3;letter-spacing:-.3px;margin:34px 0 14px;color:#252b30}
.advice-section p{margin:0 0 18px}
.advice-section ul{padding-left:22px;margin:0 0 22px}.advice-section li+li{margin-top:9px}
.advice-section .article-ref{white-space:nowrap;color:#80682e;font-size:12px;vertical-align:super;text-decoration:underline;text-underline-offset:2px}
.advice-sources{border-top:1px solid #ded9ce;border-bottom:1px solid #ded9ce;padding:18px 0;margin:32px 0;color:#6d7478;font-size:13px;line-height:1.7}
.advice-sources summary{cursor:pointer;font-size:14px;font-weight:700;color:#41494e}
.advice-sources ol{padding-left:22px}.advice-sources li{margin-bottom:10px;scroll-margin-top:24px}
.advice-sources a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.advice-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 40px}
.advice-actions .btn{margin:0}.advice-help{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.advice-related{border-top:1px solid #ded9ce;padding-top:18px}.advice-related h2{font-size:20px;margin:0 0 12px}.advice-related a{display:block;font-size:15px;margin:9px 0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.advice-cards{grid-template-columns:1fr;max-width:740px}.advice-card{gap:12px;padding:24px}.advice-read{padding-top:2px}}
@media(max-width:600px){.advice-article{font-size:15px;line-height:1.8}.advice-article .advice-lead{font-size:17px}.advice-article .advice-section h2{font-size:22px;margin-top:28px}.advice-toc{padding:18px}.advice-card h2{font-size:22px}.advice-actions{gap:18px}.advice-actions .btn{width:100%}.advice-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.advice-card{transition:none;transform:none}}