.practice-blog { --blog-accent: #087d94; }
.practice-blog__skip { position: absolute; left: 1rem; top: -5rem; z-index: 1000; padding: .8rem 1rem; background: white; color: #18263b; }
.practice-blog__skip:focus { top: 1rem; }
.practice-blog__hero { padding: clamp(3rem, 7vw, 6rem) 0; }
.practice-blog__hero h1 { max-width: 20ch; margin: 1rem 0 1.5rem; font: 400 clamp(2.2rem, 4.5vw, 4.2rem)/1.12 "Paytone One", sans-serif; letter-spacing: -.035em; }
.practice-blog__hero p { max-width: 48rem; }
.practice-blog__meta { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; color: #a9b8ca; font-size: .9rem; }
.practice-blog__index { padding: 3rem 0 4rem; }
.practice-blog__index > .consulting-container { display: grid; gap: 2rem; }
.practice-blog__card { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); padding: clamp(1.5rem, 4vw, 3rem); color: #18263b; background: #fff; border-top: 4px solid var(--blog-accent); }
.practice-blog__card-number { color: var(--blog-accent); font: 400 clamp(3rem, 6vw, 5rem)/1 "Paytone One", sans-serif; }
.practice-blog__card h2 { margin: .8rem 0 1rem; max-width: 25ch; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }
.practice-blog__card p { max-width: 46rem; color: #53657d; line-height: 1.7; }
.practice-blog__card a { display: inline-block; margin-top: .75rem; color: #06687c; font-weight: 700; text-underline-offset: .25em; }
.practice-blog__body { background: #eef3f7; color: #18263b; padding: clamp(2rem, 5vw, 4rem) 0; }
.practice-blog__layout { display: grid; grid-template-columns: 15rem minmax(0, 1fr); align-items: start; gap: clamp(2rem, 5vw, 5rem); }
.practice-blog__contents { position: sticky; top: 7rem; border-top: 3px solid var(--blog-accent); padding-top: 1.25rem; }
.practice-blog__contents h2 { margin: 0 0 1rem; font-size: 1rem; }
.practice-blog__contents ol { margin: 0; padding-left: 1.15rem; }
.practice-blog__contents li { margin: 0 0 .85rem; }
.practice-blog__contents a { color: #33576a; line-height: 1.45; text-underline-offset: .2em; }
.practice-blog__article { max-width: 46rem; min-width: 0; }
.practice-blog__article section { margin-bottom: 3rem; scroll-margin-top: 8rem; }
.practice-blog__article h2 { margin: 0 0 1.25rem; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.25; letter-spacing: -.025em; }
.practice-blog__article p, .practice-blog__article li { font-size: 1.05rem; line-height: 1.85; }
.practice-blog__article p { margin: 0 0 1.15rem; }
.practice-blog__checklist { margin: 1.5rem 0; padding: 1.5rem 1.5rem 1.5rem 2.8rem; border-left: 3px solid var(--blog-accent); background: #fff; }
.practice-blog__checklist li { padding-left: .25rem; margin-bottom: .65rem; }
.practice-blog__article a { color: #06687c; text-decoration: underline; text-underline-offset: .2em; }
.practice-blog__sources { border-top: 1px solid #ccd6df; padding-top: 1.5rem; }
.practice-blog__sources li { margin-bottom: .8rem; }
.practice-blog__cta { padding: 2rem; background: #fff; border-top: 3px solid var(--blog-accent); }
.practice-blog__cta p { font-size: 1rem; }
.practice-blog__cta .btn { color: #fff; text-decoration: none; }
.practice-blog :focus-visible { outline: 3px solid #b0660b; outline-offset: 4px; }
.practice-blog__footer { padding: 2rem 0; border-top: 1px solid rgba(166,236,246,.16); }
.practice-blog__footer .consulting-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.practice-blog__footer nav { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.practice-blog__footer a { color: #b6c9d8; text-underline-offset: .25em; }
@media (max-width: 900px) { .practice-blog__layout { grid-template-columns: 1fr; } .practice-blog__contents { position: static; } .practice-blog__contents ol { columns: 2; column-gap: 2rem; } }
@media (max-width: 600px) { .practice-blog__card { grid-template-columns: 1fr; } .practice-blog__card-number { font-size: 3rem; } .practice-blog__contents ol { columns: 1; } .practice-blog__hero h1 { font-size: 2.25rem; } .practice-blog__cta { padding: 1.5rem; } }
@media print { .header, .practice-blog__contents, .practice-blog__cta, .practice-blog__footer, .practice-blog__skip { display: none !important; } .practice-blog__layout { display: block; } .practice-blog__hero, .practice-blog__body { padding: 1rem 0; background: white; color: black; } .practice-blog__meta { color: #444; } .practice-blog__article { max-width: none; } .practice-blog__article section { break-inside: avoid; } }