/* Khaled El-Sherbiny · site styles (generated from the approved canvas). */
body{margin:0}
a{color:#16202E}a:hover{color:#2756A8}
.grid-on{background-color:#F4F1EA;background-image:linear-gradient(#E4DFD3 1px,transparent 1px),linear-gradient(90deg,#E4DFD3 1px,transparent 1px);background-size:24px 24px}
.grid-off{background-color:#F4F1EA}
.hatch{background-color:#ECE7DB;background-image:repeating-linear-gradient(135deg,#D9D2C2 0 1px,transparent 1px 10px)}
h1,h2,h3{overflow-wrap:break-word}
img{max-width:100%}
:focus-visible{outline:2px solid #C8442B;outline-offset:3px}
.chip[aria-pressed="true"]{background:#16202E;color:#F4F1EA}
[hidden]{display:none!important}

.x0{min-height: 100vh; color: #16202E; font-family: 'IBM Plex Sans', system-ui, sans-serif; font-size: 17px; line-height: 1.6}
.x1{border-bottom: 1.5px solid #16202E; background: #F4F1EA}
.x2{max-width: 1200px; margin: 0 auto; padding: 18px 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px}
.x3{font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 15px; letter-spacing: 1px; text-decoration: none}
.x4{color: #C8442B}
.x5{display: flex; flex-wrap: wrap; align-items: center; gap: 28px; font-size: 15px; font-weight: 500}
.x6{text-decoration: underline; text-decoration-color: #C8442B; text-decoration-thickness: 2px; text-underline-offset: 6px}
.x7{text-decoration: none}
.x8{text-decoration: none; padding: 10px 18px; border: 1.5px solid #16202E; border-radius: 4px; font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700; letter-spacing: 1px}
.x9{max-width: 1200px; margin: 0 auto; padding: 80px 32px 64px; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start}
.xa{flex: 0 0 280px; width: 280px; height: 350px; object-fit: cover; display: block; border: 1.5px solid #16202E; border-radius: 4px; box-shadow: 6px 6px 0 #16202E}
.xb{flex: 999 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
.xc{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #C8442B}
.xd{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 66px; font-weight: 600; line-height: 1.02; letter-spacing: -1.5px}
.xe{margin: 0; max-width: 660px; font-size: 19px; color: #3A4556}
.xf{max-width: 1200px; margin: 0 auto; padding: 80px 32px; display: flex; flex-direction: column; gap: 36px}
.xg{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 40px; font-weight: 600; letter-spacing: -0.5px}
.xh{display: flex; flex-wrap: wrap; gap: 0; border: 1.5px solid #16202E; border-radius: 4px; background: #FBFAF6}
.xi{flex: 1 1 300px; min-width: 0; padding: 32px; display: flex; flex-direction: column; gap: 14px; border-right: 1.5px solid #16202E}
.xj{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 40px; font-weight: 700; color: #C8442B}
.xk{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 26px; font-weight: 600}
.xl{margin: 0; color: #3A4556}
.xm{flex: 1 1 300px; min-width: 0; padding: 32px; display: flex; flex-direction: column; gap: 14px}
.xn{border-top: 1.5px solid #16202E; background: #FBFAF6}
.xo{max-width: 1200px; margin: 0 auto; padding: 80px 32px; display: flex; flex-direction: column; gap: 32px}
.xp{display: flex; flex-wrap: wrap; gap: 28px}
.xq{flex: 1 1 420px; min-width: 0; text-decoration: none; background: #F4F1EA; border: 1.5px solid #16202E; border-radius: 4px; box-shadow: 6px 6px 0 #16202E; display: flex; flex-direction: column}
.xr{width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; display: block; border-bottom: 1.5px solid #16202E}
.xs{padding: 24px; display: flex; flex-direction: column; gap: 8px}
.xt{font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: #C8442B}
.xu{font-family: 'Space Grotesk', sans-serif; font-size: 30px; font-weight: 600}
.xv{color: #3A4556}
.xw{font-weight: 600; text-decoration: underline}
.xx{border-top: 1.5px solid #16202E; max-width: 1200px; margin: 0 auto; padding: 80px 32px; display: flex; flex-direction: column; gap: 32px}
.xy{display: flex; flex-direction: column; gap: 8px}
.xz{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 40px; font-weight: 600}
.x10{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; border-top: 1.5px solid #16202E}
.x11{display: flex; flex-wrap: wrap; gap: 8px 32px; padding: 28px 0; border-bottom: 1px dashed #B9B2A2}
.x12{flex: 0 0 180px; font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700; color: #C8442B}
.x13{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.x14{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 24px; font-weight: 600}
.x15{margin: 0; padding-left: 20px; color: #3A4556; display: flex; flex-direction: column; gap: 4px}
.x16{flex: 0 0 180px; font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700}
.x17{max-width: 1200px; margin: 0 auto; padding: 72px 32px; display: flex; flex-wrap: wrap; gap: 40px}
.x18{flex: 3 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.x19{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 32px; font-weight: 600}
.x1a{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 14px 0; border-bottom: 1px dashed #B9B2A2}
.x1b{font-size: 15px; color: #5B6576}
.x1c{font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #5B6576}
.x1d{padding: 14px 0; border-bottom: 1px dashed #B9B2A2}
.x1e{font-weight: 600}
.x1f{flex: 2 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.x1g{margin: 0; padding: 14px 0; border-top: 1.5px solid #16202E; border-bottom: 1px dashed #B9B2A2}
.x1h{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px}
.x1i{padding: 6px 12px; border: 1px solid #8C8574; border-radius: 999px; font-size: 14px}
.x1j{border-top: 1.5px solid #16202E; background: #16202E; color: #F4F1EA}
.x1k{max-width: 1200px; margin: 0 auto; padding: 72px 32px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 28px}
.x1l{display: flex; flex-direction: column; gap: 10px; max-width: 620px}
.x1m{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 44px; font-weight: 600; line-height: 1.08}
.x1n{margin: 0; color: #C9CFD8}
.x1o{display: flex; flex-wrap: wrap; gap: 12px}
.x1p{display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; background: #F4F1EA; color: #16202E; border-radius: 4px; text-decoration: none; font-weight: 700}
.x1q{display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border: 1.5px solid #F4F1EA; color: #F4F1EA; border-radius: 4px; text-decoration: none; font-weight: 600}
.x1r{border-top: 1.5px solid #16202E}
.x1s{max-width: 1200px; margin: 0 auto; padding: 24px 32px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #5B6576}
.x1t{max-width: 1200px; margin: 0 auto; padding: 80px 32px 56px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-end}
.x1u{flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.x1v{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 64px; font-weight: 600; line-height: 1.04; letter-spacing: -1.5px}
.x1w{margin: 0; max-width: 640px; font-size: 19px; color: #3A4556}
.x1x{flex: 1 1 280px; min-width: 0; margin: 0; font-family: 'Caveat', cursive; font-size: 26px; line-height: 1.2; color: #C8442B}
.x1y{max-width: 1200px; margin: 0 auto; padding: 0 32px 64px; display: flex; flex-direction: column; gap: 14px}
.x1z{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #5B6576}
.x20{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; border: 1.5px solid #16202E; border-radius: 4px; background: #FBFAF6}
.x21{flex: 1 1 220px; padding: 16px 20px; border-right: 1px dashed #B9B2A2; display: flex; flex-direction: column; gap: 2px}
.x22{font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; color: #C8442B}
.x23{font-size: 14px; color: #3A4556}
.x24{flex: 1 1 220px; padding: 16px 20px; display: flex; flex-direction: column; gap: 2px}
.x25{max-width: 1200px; margin: 0 auto; padding: 0 32px 72px; display: flex; flex-direction: column; gap: 24px}
.x26{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 30px; font-weight: 600}
.x27{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 24px}
.x28{min-width: 0; background: #F4F1EA; border: 1.5px solid #16202E; border-radius: 4px; display: flex; flex-direction: column}
.x29{width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top left; display: block; border-bottom: 1.5px solid #16202E}
.x2a{padding: 20px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto}
.x2b{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: #5B6576}
.x2c{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 600}
.x2d{margin: 0; font-size: 15px; color: #3A4556}
.x2e{margin-top: auto; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 16px; font-weight: 600; font-size: 15px}
.x2f{color: #5B6576}
.x2g{min-width: 0; min-height: 320px; border: 1.5px dashed #16202E; border-radius: 4px; text-decoration: none; padding: 28px; display: flex; flex-direction: column; justify-content: center; gap: 10px}
.x2h{font-family: 'Space Grotesk', sans-serif; font-size: 26px; font-weight: 600; line-height: 1.2}
.x2i{font-size: 15px; color: #3A4556}
.x2j{max-width: 1200px; margin: 0 auto; padding: 72px 32px 88px; display: flex; flex-direction: column; gap: 28px}
.x2k{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px}
.x2l{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 36px; font-weight: 600}
.x2m{display: flex; flex-wrap: wrap; gap: 8px}
.x2n{min-height: 44px; padding: 0 16px; border: 1.5px solid #16202E; border-radius: 999px; background: #FBFAF6; color: #16202E; font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700; cursor: pointer}
.x2o{overflow-x: auto; border: 1.5px solid #16202E; border-radius: 4px; background: #F4F1EA}
.x2p{width: 100%; min-width: 780px; border-collapse: collapse; font-size: 15px}
.x2q{text-align: left; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 1.5px; color: #5B6576}
.x2r{padding: 14px 16px; border-bottom: 1.5px solid #16202E; width: 56px}
.x2s{padding: 14px 16px; border-bottom: 1.5px solid #16202E}
.x2t{padding: 14px 16px; border-bottom: 1px dashed #B9B2A2; font-family: 'JetBrains Mono', monospace; color: #5B6576}
.x2u{padding: 14px 16px; border-bottom: 1px dashed #B9B2A2}
.x2v{padding: 14px 16px; border-bottom: 1px dashed #B9B2A2; color: #3A4556}
.x2w{font-weight: 600; color: #C8442B}
.x2x{max-width: 1200px; margin: 0 auto; padding: 80px 32px 48px; display: flex; flex-direction: column; gap: 20px}
.x2y{margin: 0; max-width: 760px; font-family: 'Space Grotesk', sans-serif; font-size: 28px; font-weight: 500; line-height: 1.3}
.x2z{margin: 0; max-width: 720px; font-size: 19px; color: #3A4556}
.x30{margin: 0; max-width: 720px; font-size: 17px; color: #3A4556}
.x31{max-width: 1200px; margin: 0 auto; padding: 0 32px 56px}
.x32{flex: 1 1 180px; padding: 16px 20px; border-right: 1px dashed #B9B2A2; display: flex; flex-direction: column; gap: 2px}
.x33{flex: 1 1 180px; padding: 16px 20px; display: flex; flex-direction: column; gap: 2px}
.x34{max-width: 1200px; margin: 0 auto; padding: 56px 32px 88px; display: flex; flex-direction: column; gap: 28px}
.x35{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px}
.x36{display: flex; flex-wrap: wrap; gap: 24px}
.x37{flex: 1 1 320px; min-width: 0; max-width: 100%; background: #F4F1EA; border: 1.5px solid #16202E; border-radius: 4px; display: flex; flex-direction: column}
.x38{max-width: 1200px; margin: 0 auto; padding: 56px 32px 40px; display: flex; flex-direction: column; gap: 22px}
.x39{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #5B6576}
.x3a{margin: 0; max-width: 760px; font-size: 21px; line-height: 1.5; color: #3A4556}
.x3b{margin: 8px 0 0; display: flex; flex-wrap: wrap; border: 1.5px solid #16202E; border-radius: 4px; background: #FBFAF6}
.x3c{flex: 1 1 180px; padding: 14px 18px; border-right: 1px dashed #B9B2A2}
.x3d{font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 1.5px; color: #5B6576}
.x3e{margin: 0; font-weight: 600}
.x3f{flex: 2 1 260px; padding: 14px 18px}
.x3g{max-width: 1200px; margin: 0 auto; padding: 0 32px 72px; display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch}
.x3h{flex: 999 1 600px; min-width: 0; margin: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; box-shadow: 6px 6px 0 #16202E; display: flex; flex-direction: column}
.x3i{padding: 14px 18px; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 1px; color: #5B6576}
.x3j{flex: 1 1 280px; min-width: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; padding: 24px; display: flex; flex-direction: column; gap: 18px; align-items: center}
.x3k{width: 200px; aspect-ratio: 4 / 5; object-fit: cover; object-position: top; display: block; border: 1.5px solid #16202E; border-radius: 18px}
.x3l{margin: 0; text-align: center; font-family: 'Caveat', cursive; font-size: 24px; line-height: 1.2; color: #C8442B}
.x3m{display: flex; flex-direction: column; gap: 10px; width: 100%}
.x3n{display: flex; align-items: center; justify-content: center; min-height: 48px; background: #16202E; color: #F4F1EA; border-radius: 4px; text-decoration: none; font-weight: 600}
.x3o{display: flex; align-items: center; justify-content: center; min-height: 48px; border: 1.5px solid #16202E; border-radius: 4px; text-decoration: none; font-weight: 600}
.x3p{margin: 0; font-size: 14px; color: #5B6576; text-align: center}
.x3q{max-width: 1200px; margin: 0 auto; padding: 72px 32px; display: flex; flex-wrap: wrap; gap: 48px}
.x3r{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 14px}
.x3s{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 34px; font-weight: 600; line-height: 1.15}
.x3t{padding: 16px 18px; background: #F4F1EA; border: 1.5px dashed #16202E; border-radius: 4px; display: flex; flex-direction: column; gap: 6px}
.x3u{flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 14px}
.x3v{display: flex; gap: 18px; padding: 16px 0; border-bottom: 1px dashed #B9B2A2}
.x3w{font-family: 'JetBrains Mono', monospace; font-weight: 700; color: #5B6576}
.x3x{max-width: 1200px; margin: 0 auto; padding: 72px 32px; display: flex; flex-direction: column; gap: 28px}
.x3y{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 34px; font-weight: 600}
.x3z{display: flex; flex-wrap: wrap; align-items: center; gap: 16px}
.x40{flex: 1 1 240px; min-width: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; padding: 20px; display: flex; flex-direction: column; gap: 6px}
.x41{font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: #5B6576}
.x42{font-size: 19px}
.x43{font-family: 'JetBrains Mono', monospace; font-size: 22px; font-weight: 700}
.x44{flex: 1.3 1 280px; min-width: 0; background: #16202E; color: #F4F1EA; border: 1.5px solid #16202E; border-radius: 4px; padding: 20px; display: flex; flex-direction: column; gap: 6px}
.x45{font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: #F2A38F}
.x46{font-size: 15px; color: #C9CFD8}
.x47{margin: 0; font-family: 'Caveat', cursive; font-size: 26px; line-height: 1.2; color: #C8442B}
.x48{max-width: 1200px; margin: 0 auto; padding: 72px 32px; display: flex; flex-direction: column; gap: 32px}
.x49{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #F2A38F}
.x4a{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; border-top: 1.5px dashed #5B6576}
.x4b{flex: 1 1 260px; min-width: 0; padding: 24px 24px 0 0; display: flex; flex-direction: column; gap: 8px}
.x4c{font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700; color: #F2A38F}
.x4d{font-size: 20px}
.x4e{flex: 1 1 260px; min-width: 0; padding: 24px 0 0 0; display: flex; flex-direction: column; gap: 8px}
.x4f{max-width: 1200px; margin: 0 auto; padding: 56px 32px 72px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px}
.x4g{font-weight: 600; color: #5B6576}
.x4h{flex: 1 1 220px; padding: 14px 18px; border-right: 1px dashed #B9B2A2}
.x4i{flex: 2 1 280px; padding: 14px 18px}
.x4j{flex: 1 1 280px; min-width: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; padding: 24px; display: flex; flex-direction: column; gap: 16px}
.x4k{margin: 0; font-size: 14px; color: #5B6576}
.x4l{margin: auto 0 0; font-family: 'Caveat', cursive; font-size: 24px; line-height: 1.2; color: #C8442B}
.x4m{flex: 1 1 220px; min-width: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; padding: 20px; display: flex; flex-direction: column; gap: 6px}
.x4n{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; display: block; border-bottom: 1.5px solid #16202E}
.x4o{border-top: 1.5px solid #16202E; max-width: 1200px; margin: 0 auto; padding: 56px 32px 72px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px}
.x4p{margin: 0; max-width: 780px; font-size: 21px; line-height: 1.5; color: #3A4556}
.x4q{flex: 1 1 200px; padding: 14px 18px; border-right: 1px dashed #B9B2A2}
.x4r{flex: 1 1 200px; padding: 14px 18px}
.x4s{flex: 999 1 560px; min-width: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; border-top: 1.5px solid #16202E}
.x4t{display: flex; gap: 18px; padding: 14px 0; border-bottom: 1px dashed #B9B2A2}
.x4u{display: flex; flex-wrap: wrap; align-items: center; gap: 20px}
.x4v{flex: 0 1 300px; min-width: 0; background: #16202E; color: #F4F1EA; border-radius: 4px; padding: 22px; display: flex; flex-direction: column; gap: 6px}
.x4w{font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 600}
.x4x{flex: 999 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.x4y{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px}
.x4z{padding: 10px 16px; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; font-weight: 600; font-size: 15px}
.x50{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 20px}
.x51{flex: 1 1 240px; min-width: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; padding: 20px; display: flex; flex-direction: column; gap: 8px}
.x52{font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 600}
.x53{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.x54{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; border-top: 1.5px dashed #5B6576}
.x55{display: flex; gap: 16px; padding: 14px 0; border-bottom: 1px dashed #5B6576}
.x56{font-family: 'JetBrains Mono', monospace; font-weight: 700; color: #F2A38F}
.x57{flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.x58{color: #E4E8EE}
.x59{flex: 1 1 300px; min-width: 0; background: #FBFAF6; border: 1.5px solid #16202E; border-radius: 4px; padding: 22px; display: flex; flex-direction: column; gap: 8px}
.x5a{max-width: 1200px; margin: 0 auto; padding: 48px 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px}
.x5b{display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; background: #C8442B; color: #FFFFFF; border-radius: 4px; text-decoration: none; font-weight: 600}
.x5c{max-width: 1200px; margin: 0 auto; padding: 48px 32px 72px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px}
.x5d{max-width: 1200px; margin: 0 auto; padding: 120px 32px 140px; display: flex; flex-direction: column; gap: 20px}
.x5e{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px}
.x5f{display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; background: #16202E; color: #F4F1EA; border-radius: 4px; text-decoration: none; font-weight: 600}
.x5g{display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border: 1.5px solid #16202E; border-radius: 4px; text-decoration: none; font-weight: 600}
.x5h{margin: 8px 0 0; font-family: 'Caveat', cursive; font-size: 26px; line-height: 1.2; color: #C8442B}

@media (max-width: 720px){
  .x2{padding: 18px 20px}
  .x5{gap: 14px; font-size: 14px}
  .x8{padding: 8px 12px; font-size: 12px}
  .x9{padding: 50px 20px 40px; gap: 32px}
  .xd{font-size: 40px; letter-spacing: -0.8px}
  .xf{padding: 50px 20px}
  .xg{font-size: 30px}
  .xi{padding: 24px; border-right: none; border-bottom: 1.5px solid #16202E}
  .xj{font-size: 30px}
  .xk{font-size: 22px}
  .xm{padding: 24px}
  .xo{padding: 50px 20px}
  .xu{font-size: 25px}
  .xx{padding: 50px 20px}
  .xz{font-size: 30px}
  .x17{padding: 45px 20px}
  .x19{font-size: 26px}
  .x1k{padding: 45px 20px}
  .x1m{font-size: 32px}
  .x1s{padding: 24px 20px}
  .x1t{padding: 50px 20px 35px}
  .x1v{font-size: 40px; letter-spacing: -0.8px}
  .x1x{font-size: 22px}
  .x1y{padding: 0 20px 40px}
  .x21{border-right: none; border-bottom: 1px dashed #B9B2A2}
  .x25{padding: 0 20px 45px}
  .x26{font-size: 25px}
  .x2h{font-size: 22px}
  .x2j{padding: 45px 20px 55px}
  .x2l{font-size: 28px}
  .x2x{padding: 50px 20px 48px}
  .x2y{font-size: 23px}
  .x31{padding: 0 20px 35px}
  .x32{border-right: none; border-bottom: 1px dashed #B9B2A2}
  .x34{padding: 35px 20px 55px}
  .x38{padding: 35px 20px 40px}
  .x3c{border-right: none; border-bottom: 1px dashed #B9B2A2}
  .x3g{padding: 0 20px 45px}
  .x3q{padding: 45px 20px; gap: 32px}
  .x3s{font-size: 27px}
  .x3x{padding: 45px 20px}
  .x3y{font-size: 27px}
  .x47{font-size: 22px}
  .x48{padding: 45px 20px}
  .x4f{padding: 35px 20px 45px}
  .x4h{border-right: none; border-bottom: 1px dashed #B9B2A2}
  .x4o{padding: 35px 20px 45px}
  .x4q{border-right: none; border-bottom: 1px dashed #B9B2A2}
  .x5a{padding: 48px 20px}
  .x5c{padding: 48px 20px 45px}
  .x5d{padding: 74px 20px 87px}
  .x5h{font-size: 22px}
  .log-table{min-width:0!important}
  .log-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .log-table tr{display:grid;grid-template-columns:44px 1fr;padding:12px 4px;border-bottom:1px dashed #B9B2A2}
  .log-table td{border-bottom:none!important;padding:2px 8px!important}
  .log-table td:nth-child(1){grid-row:span 4}
  .log-table td:nth-child(3),.log-table td:nth-child(4){font-size:14px}
  .log-table td:nth-child(3)::before{content:"Area: ";color:#5B6576}
  .log-table td:nth-child(4)::before{content:"Runs on: ";color:#5B6576}
  .log-table td:nth-child(5):empty,.log-table td:nth-child(5):not(:has(a)){display:none}
}
@media print{.grid-on{background-image:none}}