.tn-skill-path { --path-ink:#092d49; --path-green:#155d50; background:#f4f9f7; border:1px solid #c5ddd6; border-radius:8px; color:var(--path-ink); font:14px/1.5 "Lato",sans-serif; margin:20px 0; padding:16px; min-width:0; }
.tn-skill-path header { display:flex; flex-direction:column; gap:3px; margin:0 0 12px; }
.tn-skill-path header>span { color:#466175; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.tn-skill-path header>strong { color:var(--path-ink); font-size:18px; line-height:1.35; }
.tn-skill-path nav { display:flex; gap:8px; }
.tn-skill-path nav a { background:#fff; border:1px solid #b4cec5; border-radius:5px; color:var(--path-green); display:flex; flex:1; min-width:0; flex-direction:column; justify-content:center; min-height:64px; padding:9px 12px; text-decoration:none; }
.tn-skill-path nav a strong { color:inherit; font-size:17px; }
.tn-skill-path nav a span { color:#385469; font-size:12px; }
.tn-skill-path nav a[aria-current=page],.tn-skill-path nav a[aria-current=step] { background:var(--path-green); border-color:var(--path-green); color:#fff; }
.tn-skill-path nav a[aria-current=page] span,.tn-skill-path nav a[aria-current=step] span { color:#fff; }
.tn-skill-path a:hover { text-decoration:underline; text-underline-offset:3px; }
.tn-skill-path a:focus-visible,.learning-worksheet-pdf:focus-visible,.learning-worksheet-with-pdfs .learning-worksheet-tools a:focus-visible { outline:3px solid #b77b09 !important; outline-offset:3px; }
.tn-skill-path footer { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:4px 16px; margin-top:8px; }
.tn-skill-path footer>a { color:var(--path-green); display:inline-flex; align-items:center; min-height:44px; font-weight:700; }
.tn-skill-path footer>span { color:#466175; font-size:12px; }
.tn-article-paths { margin:24px 0; }
.tn-article-paths>h2 { font-size:23px; margin:0 0 8px; }
.tn-article-paths>p { margin:0; }
.tn-article-paths .tn-skill-path { margin:12px 0; }
.tn-article-paths details { border:1px solid #c5ddd6; border-radius:8px; padding:12px 16px; }
.tn-article-paths summary { color:#155d50; cursor:pointer; font-weight:700; min-height:44px; padding:10px 0; }
.tn-article-paths summary:focus-visible { outline:3px solid #b77b09 !important; outline-offset:3px; }
@media(max-width:480px) { .tn-skill-path { padding:12px; } .tn-skill-path nav { gap:6px; } .tn-skill-path nav a { padding:8px; } .tn-skill-path nav a span { font-size:11px; } .tn-article-paths .tn-skill-path nav { flex-direction:column; } .tn-article-paths .tn-skill-path nav a { min-height:56px; } }
@media print { .tn-skill-path,.tn-article-paths { display:none !important; } }
@media screen and (max-width:360px) { .tn-skill-path nav { flex-direction:column; } .tn-skill-path nav a { min-height:56px; } }