/* Directory entry and the three optional introductory experiences. */
.home-shell .hero-cta-secondary{gap:9px;border-color:#7ba392;background:#fffdf8;box-shadow:0 3px 12px #365f520a}
.home-shell .toc-entry-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.home-shell .shortcut-count{display:inline-block;margin-left:9px;color:#627b70;font-size:12px;font-weight:500}
.home-shell .experience-start{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:18px 0 21px}
.home-shell .experience-start a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;line-height:1.5}
.home-shell .experience-start .experience-begin{background:#487d70;color:#fff;box-shadow:0 5px 16px #365f5212}
.home-shell .experience-start .experience-begin:hover{background:#376858}
.home-shell .experience-start .experience-directory{color:#426b5d;border:1px solid #c7dbd1;background:#ffffffa6}
.first-tour[hidden],.first-tour-next[hidden]{display:none!important}
.first-tour,.first-tour-next{box-sizing:border-box;color:#34584d;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.65}
.first-tour *,.first-tour-next *{box-sizing:border-box}
.first-tour{margin:0 0 20px;padding:16px 20px;background:linear-gradient(120deg,#fffdf8,#eef8f2);border:1px solid #d3e3d9;border-radius:18px;box-shadow:0 5px 20px #365f5205}
.first-tour .first-tour-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.first-tour h2{margin:0;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.025em;color:#34584d}
.first-tour .first-tour-position{font-size:13px;font-weight:700;color:#52786a;white-space:nowrap}
.first-tour .first-tour-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.first-tour .first-tour-steps a,.first-tour .first-tour-steps span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px;border:1px solid #d7e4dc;border-radius:10px;background:#ffffffa8;color:#547368;font-size:14px;font-weight:700;text-decoration:none;line-height:1.35}
.first-tour .first-tour-steps [aria-current="step"]{background:#426f60;border-color:#426f60;color:#fff}
.first-tour .first-tour-steps a:hover{background:#e4f1e9;border-color:#97b8a6}
.first-tour .first-tour-steps b{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;background:#eef4ef;color:#426f60;font-size:12px}
.first-tour .first-tour-hint{margin:11px 0 0;color:#49695b;font-size:14px;line-height:1.7}
.first-tour .first-tour-hint strong{margin-right:8px;color:#765e34;font-size:12px}
.first-tour-next{margin:22px 0;padding:22px;background:linear-gradient(125deg,#fffdf6,#eef7f1);border:1px solid #d3e3d9;border-radius:18px}
.first-tour-next h2{margin:0;color:#34584d;font-family:inherit;font-size:19px;line-height:1.5;font-weight:700}
.first-tour-next p{margin:8px 0 15px;color:#547164;font-size:14px;line-height:1.7}
.first-tour-next .first-tour-actions{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}
.first-tour-next .first-tour-primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:48px;padding:12px 20px;border:1px solid #426f60;border-radius:12px;background:#426f60;color:#fff;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;text-align:center}
.first-tour-next .first-tour-primary:hover{background:#325947}
.first-tour-next .first-tour-secondary{display:inline-flex;align-items:center;min-height:44px;color:#486d5d;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.first-tour a:focus-visible,.first-tour-next a:focus-visible{outline:3px solid #ab843e;outline-offset:3px}
html[data-first-experience] .learning-bridge,html[data-first-experience] .separate-page-nav,html[data-first-experience] .ch11-nav{display:none!important}
@media(max-width:560px){
 .home-shell .hero-actions .hero-cta-secondary{font-size:14px;padding:11px 14px}
 .home-shell .experience-start{gap:8px;margin:15px 0 17px}
 .home-shell .experience-start a{font-size:13px;padding:10px 12px}
 .first-tour{padding:13px 12px;margin-bottom:16px;border-radius:15px}
 .first-tour .first-tour-top{gap:6px}
 .first-tour h2{font-size:15px}
 .first-tour .first-tour-steps{gap:6px;margin-top:10px}
 .first-tour .first-tour-steps a,.first-tour .first-tour-steps span{gap:4px;padding:8px 3px;font-size:13px}
 .first-tour .first-tour-steps b{width:20px;height:20px;font-size:11px;flex:none}
 .first-tour .first-tour-hint{font-size:13px}
 .first-tour-next{padding:18px 15px;border-radius:15px}
 .first-tour-next h2{font-size:17px}
 .first-tour-next .first-tour-actions{align-items:stretch;flex-direction:column;gap:6px}
 .first-tour-next .first-tour-primary{width:100%;font-size:14px;padding:12px 10px}
 .first-tour-next .first-tour-secondary{justify-content:center;text-align:center}
}
