/* Reading surfaces inherit AK-TIME's type, palette and navigation. */
.advice{padding-block:80px 100px;max-width:1000px}
.advice .sp-breadcrumb{flex-wrap:wrap;line-height:1.6}
.advice h1{font-size:clamp(42px,5.4vw,76px);line-height:1.08;letter-spacing:-.035em;max-width:19ch;text-wrap:balance;margin-block:30px}
.advice .advice-intro{font-size:clamp(19px,2vw,23px);line-height:1.65;color:#d0cbc3;max-width:68ch}
.advice .advice-meta{font-size:13px;line-height:1.7;color:var(--dim);margin-top:24px}
.advice nav{margin-block:36px 50px;padding-block:20px;border-block:1px solid var(--line)}
.advice nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.advice a:not(.button),.advice-links a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
.advice a:focus-visible,.advice-links a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.advice nav a{display:inline-block;padding-block:10px;min-height:44px}
.advice section{margin-top:60px;scroll-margin-top:100px}
.advice h2{font-size:clamp(30px,3.6vw,46px);line-height:1.2;letter-spacing:-.025em;max-width:30ch;margin-bottom:24px;text-wrap:balance}
.advice h3{font:500 21px/1.4 Archivo,system-ui,sans-serif;margin-block:30px 12px}
.advice section>p,.advice li{font-size:17px;line-height:1.85;color:#d0cbc3;max-width:72ch}
.advice section>p+p{margin-top:18px}
.advice ul,.advice ol{padding-left:24px;margin-block:20px}
.advice li+li{margin-top:12px}
.advice .advice-example{padding:28px;background:var(--ink2);border:1px solid var(--line);margin-block:28px}
.advice .advice-example p{font-size:16px;line-height:1.75;color:#d0cbc3}
.advice .advice-example strong{display:block;margin-bottom:12px;color:var(--paper)}
.advice table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:15px;line-height:1.7;margin-block:26px}
.advice caption{text-align:left;color:var(--dim);font-size:13px;margin-bottom:12px}
.advice th,.advice td{vertical-align:top;text-align:left;border-bottom:1px solid var(--line);padding:18px 16px 18px 0;overflow-wrap:anywhere}
.advice th{font-weight:500;color:var(--paper)}
.advice td{color:#d0cbc3}.advice thead th{border-top:1px solid var(--line);color:var(--accent)}
.advice .advice-cta{padding-top:34px;border-top:1px solid var(--line)}
.advice .advice-cta .button{margin-top:24px;white-space:normal}
.advice-links{border-top:1px solid var(--line);padding-block:40px}
.advice-links h2{font:500 clamp(26px,3vw,36px)/1.25 Fraunces,Georgia,serif;letter-spacing:-.02em;margin-bottom:20px}
.advice-links ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.advice-links a{display:inline-block;line-height:1.6;padding-block:8px;font-size:16px}
@media(max-width:700px){.advice{padding-block:50px 70px}.advice h1{hyphens:auto;overflow-wrap:break-word}.advice section>p,.advice li{font-size:16px}.advice .advice-example{padding:20px}.advice table{font-size:13px}.advice th,.advice td{padding-right:10px}.advice nav ul{display:block}.advice nav li{margin:0}.advice .advice-cta .button{width:100%;justify-content:center}}

.advice nav li+li{margin-top:0}
