.material-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.material-guide-links a{padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f1f1ee);transition:.25s}.material-guide-links a:hover{transform:translateY(-4px);box-shadow:0 16px 38px #00000012}.material-guide-links span{color:var(--red);font-size:12px;font-weight:700;letter-spacing:.14em}.material-guide-links h3{font-size:26px;line-height:1.15;margin:14px 0}.material-guide-links p{color:var(--muted);line-height:1.65}.material-guide-links b{display:inline-block;margin-top:8px;font-size:12px;color:var(--red)}
.guide-hero{padding:100px 7vw 80px;background:#181a1c;color:#fff}.guide-hero h1{font-size:clamp(50px,7vw,92px);line-height:.98;letter-spacing:-.055em;max-width:1050px;margin:0}.guide-hero>p:last-child{font-size:18px;line-height:1.7;color:#d1d3d4;max-width:740px;margin-top:26px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.swatch{min-height:220px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #ddd;background:var(--swatch)}.swatch h3{margin:0 0 5px}.swatch p{margin:0;color:#494d50;font-size:13px}.guide-note{padding:24px;border-left:4px solid var(--red);background:#f4f4f2;color:#555;line-height:1.7}.comparison{width:100%;border-collapse:collapse;margin-top:28px}.comparison th,.comparison td{padding:17px;border:1px solid var(--line);text-align:left;vertical-align:top}.comparison th{background:#f4f4f2}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd}.steps-row article{background:#fff;padding:28px}.steps-row b{color:var(--red)}.steps-row h3{margin:10px 0}.unit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.unit-cards article{padding:30px;border:1px solid var(--line)}.unit-cards strong{font-size:28px}.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grade-grid article{padding:28px;border:1px solid var(--line)}.grade-grid h3{font-size:28px;margin:0 0 12px}.grade-grid p{color:#606468;line-height:1.65}.grade-grid small{display:block;color:var(--red);font-weight:700;margin-top:18px}@media(max-width:900px){.guide-grid,.grade-grid,.steps-row{grid-template-columns:1fr 1fr}.unit-cards{grid-template-columns:1fr}.material-guide-links{grid-template-columns:1fr}}@media(max-width:560px){.guide-grid,.grade-grid,.steps-row{grid-template-columns:1fr}.comparison{font-size:13px}.comparison th,.comparison td{padding:10px}.guide-hero{padding:70px 5vw}}