/* Shared additions for the seven practice pages. Original Prelia CSS is retained. */
.topic-page main{background:var(--white)}
.topic-breadcrumbs{padding-top:27px;color:var(--slate);font-size:.85rem}
.topic-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px 14px;list-style:none;padding:0;margin:0}
.topic-breadcrumbs li+li::before{content:'/';margin-right:14px;color:var(--gray)}
.topic-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:50px;align-items:start;padding-top:37px;padding-bottom:57px}
.topic-content,.topic-sidebar{min-width:0}
.topic-context{color:var(--slate);margin-bottom:20px;font-size:.73rem}
.topic-article h1{font-size:clamp(2rem,3.9vw,3.3rem);line-height:1.14;max-width:29ch;margin:0 0 24px;text-wrap:balance}
.topic-article>.detail-intro{font-size:1.08rem;line-height:1.75;margin-bottom:32px;max-width:74ch}
.topic-page .detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:28px 0}
.topic-page .detail-sections>section{min-width:0;background:var(--wash);border:1px solid var(--line);border-top:3px solid var(--blue);padding:23px}
.topic-page .detail-sections h3{font-size:1.05rem;line-height:1.4;margin-bottom:10px}
.topic-page .detail-sections p{font-size:.96rem;line-height:1.75}
.topic-page .detail-example{border-left-color:var(--blue)}
.topic-sidebar{position:sticky;top:28px;padding:23px;background:var(--card-bed);border-top:3px solid var(--blue)}
.topic-sidebar h2{font:600 1rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;margin-bottom:13px}
.topic-sidebar ul{list-style:none;margin:0 0 23px;padding:0;display:grid;gap:11px}
.topic-sidebar nav a{display:block;font-size:.86rem;line-height:1.5;border-left:2px solid var(--card-border);padding-left:12px}
.topic-sidebar nav a:hover,.topic-sidebar nav a:focus-visible{border-color:var(--yellow);text-decoration:underline;text-underline-offset:4px}
.topic-sidebar .btn{display:flex;width:100%;padding-inline:12px}
.topic-back{display:block;margin-top:17px;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}
.topic-practice{border-top:1px solid var(--line);padding-top:35px;margin-top:38px}
.topic-practice>.eyebrow{color:var(--slate);margin-bottom:23px}
.topic-guide{padding:0 0 30px;scroll-margin-top:30px}
.topic-guide+.topic-guide{border-top:1px solid var(--line);padding-top:32px}
.topic-guide>h2{font-size:clamp(1.65rem,2.8vw,2.4rem);line-height:1.2;margin-bottom:22px;text-wrap:balance}
.topic-note{font-size:.86rem;line-height:1.65;color:var(--slate);padding:20px 0 0;border-top:1px solid var(--line)}
.topic-related{padding-bottom:62px}
.topic-related>h2{max-width:30ch;font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:26px;text-wrap:balance}
.topic-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;background:var(--card-bed);padding:20px}
.topic-related-card{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:87px;background:var(--white);border:1px solid var(--card-border);padding:20px;font-size:.97rem;line-height:1.45;transition:background-color .18s ease,box-shadow .18s ease}
.topic-related-card>span:first-child{min-width:0}
.topic-related-card>span:last-child{flex:none;background:var(--navy);color:var(--white);width:27px;height:27px;text-align:center;line-height:27px}
.topic-related-card:hover,.topic-related-card:focus-visible{background:var(--blue);box-shadow:inset 0 -4px 0 var(--yellow)}
.topic-page h1,.topic-page h2,.topic-page h3{overflow-wrap:normal;hyphens:manual}
.topic-page article[id],.topic-page article h3[id]{scroll-margin-top:28px}
@media(max-width:1100px){.topic-layout{grid-template-columns:minmax(0,1fr) 235px;gap:30px}.topic-page .detail-sections{grid-template-columns:1fr}.topic-sidebar{padding:19px}.topic-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.topic-layout{grid-template-columns:1fr;padding-top:28px;gap:25px}.topic-sidebar{position:static}.topic-sidebar ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.topic-sidebar .btn{max-width:340px}.topic-article h1{font-size:clamp(2rem,6vw,3rem);max-width:30ch}.topic-guide>h2{max-width:34ch}.topic-page .detail-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topic-breadcrumbs{padding-top:21px}.topic-layout{padding-top:25px;padding-bottom:38px}.topic-context{font-size:.66rem;margin-bottom:16px}.topic-article h1{font-size:clamp(1.75rem,7.6vw,2.5rem)}.topic-article>.detail-intro{font-size:1rem}.topic-page .detail-sections{grid-template-columns:1fr;gap:16px}.topic-page .detail-sections>section{padding:19px}.topic-sidebar ul{grid-template-columns:1fr}.topic-related{padding-bottom:40px}.topic-related-grid{grid-template-columns:1fr;padding:13px;gap:13px}.topic-related-card{min-height:74px;padding:17px}.topic-practice{padding-top:27px;margin-top:29px}}
@media(prefers-reduced-motion:reduce){.topic-related-card{transition:none}}
@media print{.topic-sidebar,.topic-related,.topic-breadcrumbs{display:none}.topic-layout{display:block;padding-top:10px}.topic-page .detail-sections{grid-template-columns:1fr}.topic-page .detail-sections>section{break-inside:avoid}.topic-article h1{font-size:26pt}.topic-page .cta{break-before:page}}