* { box-sizing: border-box; } html { font-family: "IBM Plex Mono", system-ui, -apple-system, sans-serif; line-height: 1.6; color: #222; background: #fff; } body.s-4b8, body.t-d98 { margin: 0; display: grid; grid-template-rows: auto 1fr auto; min-height: 100vh; } .c-401 { max-width: 1040px; margin: 0 auto; padding: 1rem 1.25rem; } .x-344 { max-width: 1040px; margin: 0 auto; padding: 1rem 1.25rem; } .w-960 { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; } .w-931 { background: #fff; border-bottom: 1px solid #eee; padding: 0.5rem 0; } .w-931 h1.s-37d { margin: 0; font-size: 1.5rem; } .w-931 h1.s-37d a, .w-931 .s-37d a { color: #F46036; text-decoration: none; } .t-52a ul, .m-fdb { list-style: none; padding: 0; margin: 0; display: grid; grid-auto-flow: column; gap: 1rem; } .t-52a a, .m-fdb a { color: #333; text-decoration: none; font-size: 0.95rem; } .t-52a a:hover, .m-fdb a:hover { color: #F46036; } .w-9ca { padding: 2rem 0; } .w-65d, .t-0dc, .t-b5c { background: #fff; } .w-65d h1.s-37d, .t-0dc h1.s-37d, .t-b5c h1.s-37d { font-size: 2rem; line-height: 1.25; margin: 0.25rem 0 0.5rem; } .x-756 { color: #666; font-size: 0.9rem; margin-bottom: 1rem; } .c-bea, .t-4d3 img { width: 100%; max-width: 100%; height: auto; border-radius: 6px; margin: 0.5rem 0 1.5rem; display: block; } .s-4b8 p, .c-856 p { margin: 0 0 1rem; } .s-4b8 h2, .c-856 h2 { margin-top: 2rem; } .s-4b8 h3, .c-856 h3 { margin-top: 1.5rem; } .s-4b8 a, .c-856 a { color: #F46036; } .m-f83 { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; } .c-cf8, .w-e5a { padding: 1rem; border: 1px solid #eee; border-radius: 6px; } .c-cf8 h2.s-37d a, .w-e5a h2.s-37d a { color: #111; text-decoration: none; } .c-cf8 .card-photo, .w-e5a .card-photo { display: block; margin: 0 0 1rem; border-radius: 6px; overflow: hidden; aspect-ratio: 16 / 9; background: #f1f5f9; } .c-cf8 .card-photo img, .w-e5a .card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; border-radius: 0; } .t-3f6 { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #eee; } .x-56b .m-f14 { list-style: none; padding: 0; display: grid; gap: 0.5rem; } .c-f88 { border-top: 1px solid #eee; padding: 1.5rem 0; color: #666; font-size: 0.9rem; } .c-f88 a { color: #666; text-decoration: none; } .c-f88 .m-fdb, .c-f88 .m-f14 { display: grid; grid-auto-flow: column; justify-content: start; gap: 1rem; margin-bottom: 0.5rem; } @media (max-width: 700px) { .w-960 { grid-template-columns: 1fr; } .t-52a ul, .m-fdb { grid-auto-flow: row; } .w-65d h1.s-37d, .t-0dc h1.s-37d { font-size: 1.5rem; } }