* {box-sizing: border-box;margin: 0;}
body {font-family: Arial, sans-serif;background: #FFFFFF;margin: 1rem;line-height: 1.6;}
h3 {margin-top: 0;}
fieldset {border: 1px solid #ccc;padding: 1rem;}
legend {font-weight: bold;}
:focus {outline: 3px solid #1976D2;outline-offset: 3px;}
button, input[type="reset"] {padding: 0.7rem 1.3rem;font-size: 1rem;cursor: pointer;border-radius: 4px;}

.bold {font-weight:bold}

.page1-form-section {max-width: 500px;margin-top: 1.5rem; display:flex;align-items: flex-start; flex-wrap: wrap;gap: 1rem; margin-bottom:1rem}
.page1-option-row {display: flex;align-items: center;margin-bottom: 0.75rem;min-height: 24px;}
.page1-option-row input[type="radio"]    {width: 20px;height: 20px;}
.page1-option-row input[type="checkbox"] {width: 20px;height: 20px;}
.page1-option-row label {margin-left: 0.65rem;cursor: pointer;}
#page1-status {display: none;margin-top: 1rem;color: red;font-weight: bold;align-items: center; height: 50px;}
#page1-status[aria-live] img {margin-right: 0.5rem;}

.page2-h2 {padding: 1rem 1rem 1rem 0; margin-bottom:1rem;}
.page2-cards-section {}
.page2-cards-section-container {width: min(1200px, 100%);margin-inline: auto; margin-bottom:1rem;}
.page2-cards-list {list-style: none;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 1.5rem; padding:0px}

.page2-card-link {display: block;text-decoration: none;color: inherit;border-radius: 12px;}
.page2-card-link:focus-visible {outline: 4px solid #ffbf47;outline-offset: 0.25rem;border-radius: 12px;}
.page2-card-link:focus {outline: 4px solid #ffbf47;outline-offset: 0.25rem;border-radius: 12px;}
.page2-card-link:hover {outline: 4px solid #479aff;outline-offset: 0.25rem;border-radius: 12px;}

.page2-card-content-article { border: 1px solid black;border-radius: 12px;}
.page2-card-content {background: #ffffff;border-radius:0 0 12px 12px;overflow: hidden;display: flex;flex-direction: column;text-align: center; padding:0.5rem;}
.page2-card-content {min-height:115px}
.page2-card-content h3 {margin-bottom: 0;font-size: 1.25rem;color: #111;}
.page2-card-content p {color: #444;}
.page2-card-image {width: 100%;display: block; object-fit: cover;border-radius:12px 12px 0 0;}

.page2-table-container {width: min(1200px, 100%);margin-inline: auto;}

.page2-mobile-container {border:solid 1px gray; margin:12px; padding: 12px; border-radius:12px}

.page3-detail-container {display: flex;align-items: flex-start;gap: 1rem;margin: 1rem 0;flex-wrap: wrap;}
.page3-detail-container img {width: 285px;height: auto;border-radius: 6px;flex-shrink: 0;}
.page3-detail-content {flex: 1;min-width: 250px;}
.page3-nav-img {height:42px}

@media (max-width: 600px) {
.page2-cards-list {grid-template-columns: 1fr;}
.page2-card-content {padding: 0.875rem;}

.page3-detail-container {flex-direction: column;align-items: center;text-align: center;}
.page3-detail-container img {width: 100%;max-width: 320px;}
}


.page2-desktop {display:block}
.page2-mobile {display:none}

@media (max-width: 700px) {
.page2-desktop {display:none}
.page2-mobile {display:block}
}