.quiz-information{margin-top:50px;padding-top:35px;border-top:1px solid var(--line);text-align:left}
.information-heading{max-width:760px;margin-bottom:25px}.information-heading h2{font-size:clamp(24px,3vw,32px);font-weight:400;margin:5px 0 12px}.quiz-information p{color:var(--muted);line-height:1.85;font-size:15px}
.quiz-faq h3,.role-directory h3{font-size:22px;font-weight:400;margin:0 0 15px}.quiz-faq details{border-bottom:1px solid var(--line);padding:16px 0}.quiz-faq summary{cursor:pointer;line-height:1.65;font-size:17px;padding-right:12px}.quiz-faq summary::marker{color:var(--lime)}.quiz-faq details p{margin:12px 0 2px;max-width:860px}.quiz-faq summary:focus-visible,.role-directory a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.role-directory{margin-top:35px}.role-directory-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.role-directory-links a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:15px}.role-directory-links a:hover{border-color:var(--lime);background:#243b36}.role-directory-links a span{font:12px ui-monospace,monospace;color:var(--lime)}
.information-credit{margin-top:30px;font-size:13px!important}.quiz-information a,.role-reference a{color:var(--lime);text-underline-offset:4px}.information-brand-links{display:flex;gap:24px;font-size:14px}.static-page-header .reference-back{font-size:14px;color:var(--lime);text-decoration:none}
.role-reference{max-width:1000px;padding:35px 0 55px;margin:auto}.reference-breadcrumb{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.reference-hero{display:grid;grid-template-columns:1fr 230px;gap:30px;align-items:center}.reference-hero h1{font-size:clamp(33px,5vw,48px);font-weight:400;margin:5px 0 16px}.reference-hero .reference-code{color:var(--lime);font:14px ui-monospace,monospace}.reference-hero p{color:var(--muted);line-height:1.9}.reference-hero img{width:100%;height:auto}.reference-notice{padding:15px 18px;background:#1c3032;border-left:2px solid var(--lime);color:#bdd1cf;line-height:1.85;font-size:14px;margin:25px 0}
.reference-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0}.reference-dimensions article{padding:18px;background:#1d2c39;border:1px solid var(--line);border-radius:10px}.reference-dimensions h3{font-weight:400;font-size:21px;margin:5px 0 12px}.reference-dimensions p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.reference-dimensions .dimension-number{font-size:11px;color:var(--lime)}.role-reference h2{font-size:27px;font-weight:400;margin:30px 0 18px}.reference-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.reference-recommendations article{border-top:2px solid var(--lime);padding:15px;background:#1d2c39;border-radius:0 0 8px 8px}.reference-recommendations h3{font-size:21px;font-weight:400;margin:8px 0 12px}.reference-recommendations p{line-height:1.85;font-size:15px;color:var(--muted)}.reference-practice p{line-height:1.9;color:var(--muted)}.reference-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.reference-actions .primary{color:var(--bg);text-decoration:none}.reference-related{margin-top:35px;border-top:1px solid var(--line);padding-top:5px}.reference-related .role-directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.role-directory-links,.reference-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-hero{grid-template-columns:1fr 150px;gap:15px}.reference-recommendations{grid-template-columns:1fr}.reference-related .role-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.quiz-information{margin-top:35px;padding-top:25px}.quiz-information p{font-size:14px}.quiz-faq summary{font-size:16px}.role-directory-links a{display:block;font-size:14px;padding:10px}.role-directory-links a span{display:block;margin-bottom:5px}.role-reference{padding-top:25px}.reference-hero{grid-template-columns:1fr 100px;gap:12px}.reference-hero h1{font-size:31px;line-height:1.4}.reference-hero p{font-size:14px}.reference-dimensions{gap:9px}.reference-dimensions article{padding:12px}.reference-dimensions h3{font-size:19px}.reference-actions .primary{width:100%;justify-content:center}.static-page-header .reference-back{font-size:12px}.reference-related .role-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}