/* Calculator landing only; the personal journey keeps its existing styles. */
#landing .hero h1{font-size:clamp(34px,5.5vw,70px);max-width:950px;margin-inline:auto}
#landing .hero-intro{max-width:640px;font-size:clamp(17px,2vw,21px)}
#landing .mc-guide{border-block:1px solid var(--line)}
#landing .mc-guide header{max-width:72ch}
#landing .mc-guide h2{max-width:25ch}
#landing .mc-guide h3{font-size:clamp(21px,2.3vw,27px);line-height:1.35;font-weight:500;text-wrap:balance}
#landing .mc-guide p,#landing .mc-related>p{color:var(--muted);max-width:72ch;margin-top:18px}
#landing .mc-guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}
#landing .mc-guide-columns>section{min-width:0}
#landing .mc-guide ol{padding-left:24px;margin:18px 0;color:var(--muted)}
#landing .mc-guide li{padding-left:5px;margin-block:12px}
#landing .mc-guide li strong{color:var(--ink);font-weight:600}
#landing .mc-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;color:var(--blue);text-underline-offset:5px}
#landing .mc-text-link .icon{width:20px;height:20px}
#landing .mc-positions{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
#landing .mc-positions table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:24px;text-align:left;font-size:16px}
#landing .mc-positions th,#landing .mc-positions td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
#landing .mc-positions th:first-child{width:33%;padding-left:0}
#landing .mc-positions thead th{font-size:14px;color:var(--muted);font-weight:500}
#landing .mc-positions tbody th{font-weight:500}
#landing .mc-positions td{color:var(--muted);padding-right:0}
#landing .mc-positions a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue)}
#landing .mc-related{padding-top:24px}
#landing .matrix-library-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:24px 0 32px;max-width:900px}
#landing .matrix-library-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);text-underline-offset:5px}
#landing .mc-note{font-size:14px;line-height:1.65}
#landing .mc-guide a:hover,#landing .mc-related a:not(.primary):hover{color:var(--gold)}
@media(max-width:700px){
 #landing .mc-guide-columns{grid-template-columns:1fr;gap:28px;margin-top:28px}
 #landing .mc-positions{margin-top:32px;padding-top:24px}
 #landing .mc-positions table{font-size:15px}
 #landing .mc-positions th,#landing .mc-positions td{padding:12px 8px}
 #landing .mc-positions th:first-child{width:38%}
 #landing .mc-related .primary{width:100%;min-width:0}
}