.ccyw-hero-intro, .ccyw-hero-intro * {     box-sizing: border-box; }  .ccyw-hero-intro {     width: 100%;     font-family: "Open Sans", Arial, sans-serif;     color: #555555; }  .ccyw-hero-text {     font-size: 15px;     line-height: 1.6; }  .ccyw-hero-text p {     margin: 0 0 12px; }  .ccyw-hero-text p:last-child {     margin-bottom: 0; }  .ccyw-hero-text strong {     color: #0047AB;     font-weight: 600; }  .ccyw-hero-tags {     margin-top: 18px; }  .ccyw-tag-row {     display: flex;     flex-wrap: wrap;     gap: 10px;     margin-bottom: 10px; }  .ccyw-tag-row:last-child {     margin-bottom: 0; }  .ccyw-tag {     display: inline-flex;     align-items: center;     padding: 6px 12px;     border: 1px solid #d8e1ed;     border-radius: 40px;     background: #f9fafb;     color: #0047AB;     font-size: 12px;     font-weight: 600;     line-height: 1.35; }  .ccyw-metal-tag {     background: #e8f0fe;     border-color: #0047AB; }  .ccyw-guide-entry {     margin-top: 18px;     padding: 11px 14px;     border-left: 3px solid #0047AB;     border-radius: 6px;     background: #f9fafb; }  .ccyw-guide-entry p {     margin: 0;     color: #555555;     font-size: 13px;     line-height: 1.5; }  .ccyw-guide-entry a {     color: #0047AB;     font-weight: 700;     text-decoration: none; }  .ccyw-guide-entry a:hover {     text-decoration: underline; }  @media (max-width: 640px) {     .ccyw-hero-text {         font-size: 14px;     }      .ccyw-tag {         font-size: 11px;         white-space: normal;     } }