/* Material-and-function directory with a dedicated grinding brief and row-based comparison. Shared balls detail pages retain their styles. */
.balls-landing{--ball-muted:#536477;--ball-light:#c2cfdd;--ball-line:#d7e0e7;--ball-pale:#f0f4f7}.balls-landing .section-intro{color:var(--ball-muted);font-size:16px;line-height:1.8}.balls-landing .eyebrow{font-size:10px;letter-spacing:1px}.balls-landing:has(#balls-form) .page-hero h1{font-size:clamp(42px,4.5vw,62px)}.balls-landing:has(#balls-form) .page-hero .lead{font-size:17px;line-height:1.8;color:var(--ball-light);max-width:580px}.balls-landing .page-hero .button-outline{border-color:var(--ball-light);color:var(--ball-light)}.balls-landing:has(#balls-form) .page-hero .page-visual img{min-height:400px;max-height:none;object-fit:cover;object-position:center;background:#edf0f4}.balls-landing .button-gold{border-color:var(--navy)}
.balls-jump{border-bottom:1px solid var(--ball-line);background:var(--ball-pale)}.balls-jump>.container{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:17px;padding-bottom:17px}.balls-jump a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px;font-weight:600}.balls-jump a:hover{text-decoration:underline;text-underline-offset:5px}
.balls-landing .ball-type-grid{grid-template-columns:1fr 1fr;gap:26px}.balls-landing .ball-type-photo{aspect-ratio:3/1}.balls-landing .ball-type-copy{padding:27px 28px}.balls-landing .ball-type-card h3{font-size:28px}.balls-landing .ball-type-copy>p{font-size:15px;color:var(--ball-muted);line-height:1.8}.balls-landing .ball-type-card small{font-size:12px;color:var(--ball-muted);margin:0 0 22px}.balls-landing .ball-type-card .text-link{font-size:14px;min-height:44px;padding-top:15px}
.ball-grinding-guide{background:var(--navy);color:white;padding:70px 0}.ball-grinding-guide>.container:first-child{display:grid;grid-template-columns:1fr 1fr;gap:100px}.ball-grinding-intro .eyebrow{color:var(--ball-light)}.ball-grinding-intro>p:not(.eyebrow){color:var(--ball-light);font-size:16px;line-height:1.8;max-width:510px}.ball-grinding-intro .button-outline{border-color:var(--ball-light);color:var(--ball-light)}.ball-grinding-factors{margin:0}.ball-grinding-factors>div{border-top:1px solid #c2cfdd60;padding:22px 0}.ball-grinding-factors dt{font:500 23px/1.3 var(--heading);margin-bottom:9px;letter-spacing:-.4px}.ball-grinding-factors dd{margin:0;color:var(--ball-light);font-size:15px;line-height:1.8}.ball-grinding-note{border-top:1px solid #c2cfdd45;margin-top:30px;padding-top:25px;display:flex;gap:30px;font-size:14px}.ball-grinding-note strong{color:var(--gold);font-weight:550}.ball-grinding-note>span{color:var(--ball-light)}
.balls-landing .equipment-selection .section-intro{font-size:16px}.balls-landing .equipment-selection label{font-size:14px}.balls-landing .equipment-selection select{font-size:16px;min-height:48px;border-color:#7c8b9a}.balls-landing .equipment-helper-result>p:not(.eyebrow),.balls-landing .equipment-helper-result li{font-size:14px;line-height:1.8}.balls-landing .equipment-helper-reference summary{font-size:14px}.balls-landing .equipment-helper-hint{font-size:12px;line-height:1.8}
.balls-material-index{border-top:1px solid #b9c7d1}.balls-material-index article{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:35px;align-items:center;padding:25px 0;border-bottom:1px solid #b9c7d1}.balls-material-index article>div>span{font-size:10px;letter-spacing:1px;font-weight:600;color:var(--ball-muted)}.balls-material-index h3{font-size:23px;line-height:1.3;margin:7px 0 0}.balls-material-index p{margin:0;color:var(--ball-muted);font-size:14px;line-height:1.8}.balls-material-index a{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px}.balls-material-index a:hover{text-decoration:underline;text-underline-offset:5px}.balls-landing .ball-specialty p{font-size:15px;color:var(--ball-muted)}
.balls-landing .ball-spec-list h3{font-size:23px}.balls-landing .ball-spec-list p,.balls-landing .ball-availability{font-size:15px;line-height:1.8;color:var(--ball-muted)}.balls-landing .ball-spec-list article>span{font-size:12px;color:var(--ball-muted)}
.balls-questions{background:var(--ball-pale);padding:70px 0}.balls-questions>.container{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.balls-questions>.container>div:first-child>p:last-child{font-size:16px;color:var(--ball-muted);max-width:350px}.balls-questions details{border-bottom:1px solid #b9c7d1;padding:22px 0}.balls-questions details:first-child{border-top:1px solid #b9c7d1}.balls-questions summary{display:flex;align-items:center;justify-content:space-between;gap:25px;font:500 21px/1.4 var(--heading);letter-spacing:-.4px;list-style:none;cursor:pointer}.balls-questions summary::-webkit-details-marker{display:none}.balls-questions details p{font-size:15px;line-height:1.8;color:var(--ball-muted);margin:16px 30px 0 0}.balls-questions details[open] summary>span{transform:rotate(45deg)}
.balls-landing .ball-request-layout aside .section-intro{font-size:16px}.balls-request-note{padding:22px;background:var(--ball-pale);border-radius:4px;margin:28px 0;font-size:15px}.balls-request-note p{color:var(--ball-muted);margin:8px 0 0}.balls-landing .form-card{padding:32px;box-shadow:none}.balls-landing .form-card>p.balls-required{font-size:13px;color:var(--ball-muted)}.balls-landing .ball-request-layout form label{font-size:14px}.balls-landing .ball-request-layout input,.balls-landing .ball-request-layout select,.balls-landing .ball-request-layout textarea{font-size:16px;border-color:#7c8b9a;background:#fff}.balls-optional{border-top:1px solid var(--ball-line);border-bottom:1px solid var(--ball-line);margin:24px 0}.balls-optional summary{font-size:15px;cursor:pointer;padding:18px 0;font-weight:600}.balls-optional summary>span{font-size:13px;font-weight:400;color:var(--ball-muted)}.balls-optional[open] summary{margin-bottom:5px}.balls-landing .form-note{font-size:12px!important;line-height:1.8}.balls-landing #balls-result>p,.balls-landing #balls-copy-status,.balls-landing #balls-form-status{font-size:14px;line-height:1.8;color:var(--ball-muted)}.balls-landing #balls-form-status:empty{display:none}.balls-landing #balls-result textarea{font-size:15px}.balls-landing a:focus-visible,.balls-landing button:focus-visible,.balls-landing summary:focus-visible,.balls-landing input:focus-visible,.balls-landing select:focus-visible,.balls-landing textarea:focus-visible{outline-color:var(--navy)}.balls-landing .page-hero a:focus-visible,.ball-grinding-guide a:focus-visible{outline-color:#bed0e8}
@media(max-width:1000px){.balls-jump>.container{grid-template-columns:1fr 1fr;gap:0 30px}.ball-grinding-guide>.container:first-child{gap:45px}.balls-material-index article{grid-template-columns:1fr 1.3fr;gap:12px 28px}.balls-material-index a{grid-column:2}.balls-questions>.container{gap:45px}.balls-landing .ball-request-layout{grid-template-columns:1fr;gap:30px}.balls-landing .ball-request-layout aside{max-width:620px}.balls-landing .ball-type-copy{padding:24px}}
@media(max-width:700px){.balls-landing:has(#balls-form) .page-hero h1{font-size:43px;letter-spacing:-1.6px}.balls-landing:has(#balls-form) .page-hero .page-visual img{min-height:260px;max-height:340px}.balls-landing:has(#balls-form) .page-hero .lead{font-size:16px}.balls-landing .ball-type-grid{grid-template-columns:1fr}.balls-landing .ball-type-card h3{font-size:27px}.ball-grinding-guide>.container:first-child,.balls-questions>.container{grid-template-columns:1fr;gap:30px}.ball-grinding-guide,.balls-questions{padding:48px 0}.ball-grinding-note{display:block}.ball-grinding-note>span{display:block;margin-top:10px}.balls-material-index article{grid-template-columns:1fr;gap:12px;padding:24px 0}.balls-material-index a{grid-column:auto;justify-content:start;gap:25px}.balls-landing .ball-specialty{flex-direction:column;align-items:start}.balls-questions summary{font-size:20px}.balls-landing .form-card{padding:25px 22px}.balls-landing .form-row{grid-template-columns:1fr;gap:0}.balls-landing .ball-spec-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:450px){.balls-jump>.container{display:block;padding-top:12px;padding-bottom:12px}.balls-jump a{border-bottom:1px solid var(--ball-line)}.balls-jump a:last-child{border:0}.balls-landing:has(#balls-form) .page-hero h1{font-size:36px}.balls-landing .page-hero .actions .button{width:100%;justify-content:space-between}.balls-landing .ball-type-copy{padding:22px}.balls-landing .ball-specialty .button{white-space:normal}.ball-grinding-guide .button{width:100%;white-space:normal;gap:15px;justify-content:space-between}.balls-landing .form-card .button{white-space:normal;gap:15px;max-width:100%}.balls-landing .form-card .actions{align-items:stretch;flex-direction:column}.balls-landing .form-card .actions .button{justify-content:space-between}}