/* SkyBreak V3: shared presentation extracted from the supplied editable source.
   Layout/type/detail classes preserve source styling. Responsive and diagram rules follow. */
@font-face{font-family:Manrope;font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/manrope-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:Manrope;font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/manrope-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:Manrope;font-weight:600;font-style:normal;font-display:swap;src:url('../fonts/manrope-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:Manrope;font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/manrope-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:Manrope;font-weight:800;font-style:normal;font-display:swap;src:url('../fonts/manrope-latin-800-normal.woff2') format('woff2')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,'Segoe UI',system-ui,sans-serif;background:#fff}a{color:#14647a;text-decoration:none}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}img,svg{max-width:100%}img{height:auto}a:focus-visible{outline:3px solid #2fa8bc;outline-offset:5px}.skip-link{position:absolute;top:8px;left:8px;z-index:10;background:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.detail-001 {width: 100%; background: #FFFFFF; color: #0E2233;}
.layout-002 {display: flex; align-items: center; justify-content: space-between; padding: 22px 56px; border-bottom: 1px solid #E3EFF1;}
.layout-003 {display: flex; align-items: center; gap: 12px;}
.type-004 {font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: #0E2233;}
.layout-005 {display: flex; align-items: center; gap: 34px; font-size: 15px; font-weight: 600; color: #35505C;}
.detail-006 {color: #35505C; text-decoration: none;}
.layout-007 {background: #0E2233; color: #FFFFFF; padding: 11px 22px; border-radius: 8px; font-weight: 700; text-decoration: none;}
.layout-008 {background: #0E2233; padding: 72px 56px 64px 56px; display: flex; align-items: center; gap: 48px;}
.detail-009 {flex: 1.15;}
.type-010 {font-size: 13px; font-weight: 700; letter-spacing: 0.24em; color: #57D0D8;}
.type-011 {font-size: 56px; font-weight: 800; line-height: 1.08; color: #FFFFFF; margin-top: 18px; letter-spacing: -0.02em;}
.detail-012 {color: #57D0D8;}
.type-013 {font-size: 24px; font-weight: 700; color: #FFFFFF; margin-top: 16px; letter-spacing: -0.01em;}
.detail-014 {color: #F0A34E;}
.type-015 {font-size: 17.5px; color: #B8D2D9; margin-top: 20px; max-width: 600px; line-height: 1.55;}
.layout-016 {display: flex; gap: 16px; margin-top: 30px;}
.layout-017 {display: inline-block; text-decoration: none; background: #2FA8BC; color: #06202C; padding: 15px 30px; border-radius: 8px; font-size: 16px; font-weight: 800;}
.layout-018 {display: inline-block; text-decoration: none; border: 1.5px solid #2FA8BC; color: #57D0D8; padding: 15px 30px; border-radius: 8px; font-size: 16px; font-weight: 700;}
.layout-019 {flex: 1; display: flex; justify-content: center;}
.layout-020 {background: #FFFFFF; padding: 72px 56px 64px 56px;}
.detail-021 {max-width: 1180px; margin: 0 auto;}
.type-022 {font-size: 13px; font-weight: 700; letter-spacing: 0.24em; color: #14647A;}
.type-023 {font-size: 34px; font-weight: 800; letter-spacing: -0.01em; margin-top: 12px; max-width: 1000px; color: #0E2233;}
.layout-024 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-top: 28px; font-size: 16px; line-height: 1.65; color: #35505C;}
.detail-025 {margin: 0 0 16px 0;}
.detail-026 {color: #0E2233;}
.detail-027 {margin: 0;}
.detail-028 {color: #14647A;}
.layout-029 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 36px;}
.layout-030 {display: block; text-decoration: none; background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 14px; padding: 26px 28px;}
.type-031 {font-size: 12px; font-weight: 700; letter-spacing: 0.22em; color: #14647A;}
.type-032 {font-size: 20px; font-weight: 800; color: #0E2233; margin-top: 8px;}
.type-033 {font-size: 14.5px; color: #4A6470; margin-top: 8px; line-height: 1.55;}
.type-034 {font-size: 14px; font-weight: 800; color: #14647A; margin-top: 12px;}
.layout-035 {padding: 80px 56px; background: #FFFFFF;}
.type-036 {font-size: 38px; font-weight: 800; margin-top: 12px; letter-spacing: -0.01em;}
.type-037 {font-size: 17px; color: #4A6470; margin-top: 14px; max-width: 820px; line-height: 1.55;}
.layout-038 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 40px;}
.layout-039 {background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 14px; padding: 28px;}
.type-040 {font-size: 42px; font-weight: 800; color: #0E2233;}
.type-041 {font-size: 14.5px; color: #4A6470; margin-top: 8px; line-height: 1.5;}
.detail-042 {color: #7A98A2;}
.type-043 {font-family: Georgia, serif; font-style: italic; font-size: 19px; color: #14647A; margin-top: 36px; text-align: center;}
.layout-044 {padding: 80px 56px; background: #F4F9FA; border-top: 1px solid #E3EFF1; border-bottom: 1px solid #E3EFF1;}
.layout-045 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; margin-top: 40px;}
.layout-046 {background: #FFFFFF; border: 1px solid #CFE7EA; border-radius: 16px; padding: 34px;}
.type-047 {font-size: 13px; font-weight: 700; letter-spacing: 0.2em; color: #7A98A2;}
.layout-048 {margin-top: 18px; display: flex; flex-direction: column; gap: 14px; font-size: 15.5px; color: #4A6470; line-height: 1.5;}
.layout-049 {background: #0E2233; border-radius: 16px; padding: 34px;}
.type-050 {font-size: 13px; font-weight: 700; letter-spacing: 0.2em; color: #57D0D8;}
.layout-051 {margin-top: 18px; display: flex; flex-direction: column; gap: 14px; font-size: 15.5px; color: #DCEBEE; line-height: 1.5;}
.detail-052 {color: #57D0D8; font-weight: 700;}
.detail-053 {color: #F0A34E; font-weight: 700;}
.type-054 {font-size: 17px; color: #4A6470; margin-top: 14px; max-width: 860px; line-height: 1.55;}
.layout-055 {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-top: 40px;}
.layout-056 {background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 12px; padding: 20px 16px;}
.type-057 {font-size: 12px; font-weight: 800; letter-spacing: 0.14em; color: #14647A;}
.type-058 {font-size: 13px; color: #4A6470; margin-top: 8px; line-height: 1.45;}
.layout-059 {background: #0E2233; border-radius: 12px; padding: 20px 16px;}
.type-060 {font-size: 12px; font-weight: 800; letter-spacing: 0.14em; color: #57D0D8;}
.type-061 {font-size: 13px; color: #B8D2D9; margin-top: 8px; line-height: 1.45;}
.layout-062 {background: #F4F9FA; border: 1px solid #F0A34E; border-radius: 12px; padding: 20px 16px;}
.type-063 {font-size: 12px; font-weight: 800; letter-spacing: 0.14em; color: #D98A2B;}
.layout-064 {padding: 80px 56px; background: #0E2233;}
.type-065 {font-size: 38px; font-weight: 800; margin-top: 12px; color: #FFFFFF; letter-spacing: -0.01em;}
.layout-066 {background: #142E3D; border: 1px solid #2A4C5E; border-radius: 14px; padding: 28px;}
.type-067 {font-size: 17px; font-weight: 800; color: #FFFFFF;}
.type-068 {font-size: 14.5px; color: #9FBECA; margin-top: 10px; line-height: 1.55;}
.layout-069 {background: #142E3D; border: 1px solid #F0A34E; border-radius: 14px; padding: 28px;}
.type-070 {font-size: 17px; font-weight: 800; color: #F5BC79;}
.layout-071 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px;}
.layout-072 {border: 1px solid #CFE7EA; border-radius: 14px; padding: 26px;}
.type-073 {font-size: 16px; font-weight: 800;}
.type-074 {font-size: 14px; color: #4A6470; margin-top: 8px; line-height: 1.5;}
.layout-075 {background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 14px; padding: 26px 30px; margin-top: 26px;}
.type-076 {font-size: 13px; font-weight: 700; letter-spacing: 0.2em; color: #D98A2B;}
.type-077 {font-size: 14.5px; color: #4A6470; margin-top: 10px; line-height: 1.6;}
.layout-078 {padding: 80px 56px; background: #F4F9FA; border-top: 1px solid #E3EFF1;}
.layout-079 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; margin-top: 36px;}
.layout-080 {background: #FFFFFF; border: 1px solid #CFE7EA; border-radius: 14px; padding: 30px;}
.type-081 {font-size: 17px; font-weight: 800;}
.type-082 {font-size: 15px; color: #4A6470; margin-top: 10px; line-height: 1.6;}
.layout-083 {padding: 90px 56px; background: #0E2233; text-align: center;}
.detail-084 {margin: 0 auto;}
.type-085 {font-size: 42px; font-weight: 800; color: #FFFFFF; margin-top: 22px; letter-spacing: -0.01em;}
.type-086 {font-size: 17px; color: #9FBECA; margin-top: 14px;}
.layout-087 {display: inline-block; text-decoration: none; background: #2FA8BC; color: #06202C; padding: 16px 34px; border-radius: 8px; font-size: 16px; font-weight: 800; margin-top: 30px;}
.type-088 {font-size: 12.5px; color: #5E7E8A; margin-top: 48px; letter-spacing: 0.08em;}
.detail-089 {color: #14647A; text-decoration: none; border-bottom: 2px solid #2FA8BC; padding-bottom: 3px;}
.layout-090 {background: #0E2233; padding: 76px 56px 64px 56px;}
.type-091 {font-size: 50px; font-weight: 800; line-height: 1.1; color: #FFFFFF; margin-top: 16px; max-width: 920px; letter-spacing: -0.02em;}
.type-092 {font-size: 18px; color: #B8D2D9; margin-top: 20px; max-width: 820px; line-height: 1.55;}
.layout-093 {display: flex; gap: 18px; margin-top: 34px; flex-wrap: wrap;}
.layout-094 {background: #2FA8BC; color: #06202C; padding: 13px 26px; border-radius: 8px; font-size: 15px; font-weight: 800; text-decoration: none;}
.layout-095 {background: transparent; color: #57D0D8; border: 1.5px solid #2FA8BC; padding: 12px 26px; border-radius: 8px; font-size: 15px; font-weight: 800; text-decoration: none;}
.layout-096 {padding: 80px 56px 30px 56px; background: #FFFFFF;}
.type-097 {font-size: 40px; font-weight: 800; margin-top: 12px; letter-spacing: -0.01em;}
.type-098 {font-size: 19px; color: #35505C; margin-top: 10px; max-width: 900px; line-height: 1.5;}
.layout-099 {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 34px;}
.layout-100 {background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 12px; padding: 20px 22px;}
.type-101 {font-size: 26px; font-weight: 800; color: #14647A;}
.type-102 {font-size: 13px; color: #4A6470; margin-top: 4px; line-height: 1.45;}
.layout-103 {background: #FFF7EC; border: 1.5px solid #F0A34E; border-radius: 12px; padding: 20px 22px;}
.type-104 {font-size: 26px; font-weight: 800; color: #D98A2B;}
.layout-105 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-top: 38px; font-size: 16px; line-height: 1.65; color: #35505C;}
.layout-106 {margin-top: 42px; border: 1px solid #E3EFF1; border-radius: 16px; padding: 26px; background: #FBFDFE;}
.type-107 {font-size: 13px; color: #6E8E9A; margin-top: 12px; text-align: center; font-style: italic;}
.layout-108 {margin-top: 26px; border: 1px solid #E3EFF1; border-radius: 16px; padding: 26px; background: #FBFDFE;}
.layout-109 {display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 34px; padding: 26px 30px; background: #0E2233; border-radius: 14px; flex-wrap: wrap;}
.type-110 {font-size: 14px; color: #9FBECA; margin-top: 4px;}
.layout-111 {background: #2FA8BC; color: #06202C; padding: 13px 26px; border-radius: 8px; font-size: 15px; font-weight: 800; text-decoration: none; white-space: nowrap;}
.layout-112 {padding: 50px 56px 0 56px;}
.detail-113 {max-width: 1180px; margin: 0 auto; border-top: 1px solid #E3EFF1;}
.layout-114 {padding: 60px 56px 60px 56px; background: #FFFFFF;}
.layout-115 {padding: 70px 56px; background: #0E2233; text-align: center;}
.type-116 {font-size: 34px; font-weight: 800; color: #FFFFFF; letter-spacing: -0.01em;}
.type-117 {font-size: 16px; color: #9FBECA; margin-top: 12px;}
.layout-118 {display: inline-block; text-decoration: none; background: #2FA8BC; color: #06202C; padding: 15px 32px; border-radius: 8px; font-size: 16px; font-weight: 800; margin-top: 26px;}
.type-119 {font-family: Georgia, serif; font-style: italic; font-size: 17px; color: #57D0D8; margin-top: 30px;}
.type-120 {font-size: 50px; font-weight: 800; line-height: 1.1; color: #FFFFFF; margin-top: 16px; max-width: 880px; letter-spacing: -0.02em;}
.type-121 {font-size: 18px; color: #B8D2D9; margin-top: 20px; max-width: 800px; line-height: 1.55;}
.layout-122 {display: flex; gap: 40px; margin-top: 40px; flex-wrap: wrap;}
.type-123 {font-size: 14px; color: #8FB4BE;}
.detail-124 {color: #57D0D8; font-weight: 800;}
.detail-125 {color: #F0A34E; font-weight: 800;}
.layout-126 {padding: 76px 56px; background: #FFFFFF;}
.type-127 {font-size: 36px; font-weight: 800; margin-top: 12px; letter-spacing: -0.01em;}
.layout-128 {display: flex; flex-direction: column; gap: 22px; margin-top: 36px;}
.layout-129 {display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; border: 1px solid #CFE7EA; border-radius: 16px; overflow: hidden;}
.layout-130 {padding: 34px 38px;}
.type-131 {font-size: 22px; font-weight: 800;}
.type-132 {font-size: 13.5px; color: #14647A; font-weight: 700; margin-top: 16px;}
.type-133 {font-size: 14px; color: #4A6470; margin-top: 6px; line-height: 1.6;}
.layout-134 {background: #0E2233; padding: 34px 38px;}
.layout-135 {display: flex; flex-direction: column; gap: 14px; margin-top: 16px; font-size: 14.5px; color: #DCEBEE; line-height: 1.5;}
.detail-136 {font-weight: 800; color: #57D0D8;}
.layout-137 {display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; border: 1px solid #F0A34E; border-radius: 16px; overflow: hidden;}
.type-138 {font-size: 13px; font-weight: 700; letter-spacing: 0.2em; color: #F5BC79;}
.detail-139 {font-weight: 800; color: #F5BC79;}
.layout-140 {padding: 76px 56px; background: #F4F9FA; border-top: 1px solid #E3EFF1; border-bottom: 1px solid #E3EFF1;}
.type-141 {font-size: 18px; font-weight: 800;}
.type-142 {font-size: 14.5px; color: #4A6470; margin-top: 8px; line-height: 1.6;}
.type-143 {font-family: Georgia, serif; font-style: italic; font-size: 18px; color: #14647A; margin-top: 32px; text-align: center;}
.layout-144 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px;}
.type-145 {font-size: 16.5px; font-weight: 800;}
.type-146 {font-size: 16px; color: #4A6470; margin-top: 12px; max-width: 840px; line-height: 1.6;}
.layout-147 {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 28px;}
.layout-148 {background: #FFFFFF; border: 1px solid #CFE7EA; border-radius: 12px; padding: 22px;}
.type-149 {font-size: 14.5px; color: #0E2233; line-height: 1.55;}
.detail-150 {font-weight: 800; color: #14647A;}
.layout-151 {background: #FFFFFF; border: 1px solid #F0A34E; border-radius: 12px; padding: 22px;}
.detail-152 {font-weight: 800; color: #D98A2B;}
.layout-153 {background: #0E2233; border-radius: 14px; padding: 26px 30px; margin-top: 28px;}
.type-154 {font-size: 15px; color: #DCEBEE; margin-top: 10px; line-height: 1.6;}
.type-155 {font-size: 16px; color: #4A6470; margin-top: 12px; max-width: 860px; line-height: 1.6;}
.layout-156 {display: flex; flex-direction: column; gap: 10px; margin-top: 28px;}
.layout-157 {display: grid; grid-template-columns: 1fr 2fr; gap: 18px; background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 10px; padding: 18px 24px;}
.type-158 {font-weight: 800; font-size: 14.5px;}
.type-159 {font-size: 14.5px; color: #4A6470;}
.layout-160 {display: grid; grid-template-columns: 1fr 2fr; gap: 18px; background: #F4F9FA; border: 1px solid #F0A34E; border-radius: 10px; padding: 18px 24px;}
.type-161 {font-size: 15px; color: #4A6470; margin-top: 26px; line-height: 1.6; max-width: 900px;}
.detail-162 {font-weight: 800; color: #0E2233;}
.layout-163 {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 34px;}
.type-164 {font-size: 20px; font-weight: 800; color: #9AAFB8;}
.type-165 {font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; margin-top: 6px;}
.type-166 {font-size: 12.5px; color: #4A6470; margin-top: 6px; line-height: 1.45;}
.type-167 {font-size: 20px; font-weight: 800; color: #14647A;}
.type-168 {font-size: 20px; font-weight: 800; color: #2FA8BC;}
.type-169 {font-size: 20px; font-weight: 800; color: #D98A2B;}
.type-170 {font-size: 20px; font-weight: 800; color: #57D0D8;}
.type-171 {font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; margin-top: 6px; color: #FFFFFF;}
.type-172 {font-size: 12.5px; color: #9FBECA; margin-top: 6px; line-height: 1.45;}
.layout-173 {background: #FFFFFF; border: 1px solid #CFE7EA; border-radius: 14px; padding: 28px;}
.type-174 {font-size: 13px; font-weight: 800; letter-spacing: 0.15em; color: #14647A;}
.type-175 {font-size: 17px; font-weight: 800; margin-top: 6px;}
.layout-176 {background: #FFFFFF; border: 1px solid #F0A34E; border-radius: 14px; padding: 28px;}
.type-177 {font-size: 13px; font-weight: 800; letter-spacing: 0.15em; color: #D98A2B;}
.layout-178 {background: #0E2233; border-radius: 14px; padding: 28px 32px; margin-top: 26px;}
.type-179 {font-size: 15.5px; color: #DCEBEE; margin-top: 10px; line-height: 1.65;}
.layout-180 {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 32px;}
.layout-181 {background: #F4F9FA; border: 1px solid #CFE7EA; border-radius: 12px; padding: 20px;}
.type-182 {font-size: 13px; font-weight: 800; color: #14647A;}
.type-183 {font-size: 13px; color: #4A6470; margin-top: 6px; line-height: 1.5;}
.layout-184 {background: #F4F9FA; border: 1px solid #F0A34E; border-radius: 12px; padding: 20px;}
.type-185 {font-size: 13px; font-weight: 800; color: #D98A2B;}
.type-186 {font-family: Georgia, serif; font-style: italic; font-size: 18px; color: #14647A; margin-top: 30px; text-align: center;}
