.value-help { padding-top: 48px; padding-bottom: 48px; color: #11182f; }
.value-help h2 { font-size: clamp(28px, 3.5vw, 44px); font-weight: 500; line-height: 1.2; letter-spacing: -.035em; margin: 16px 0; }
.value-help p { max-width: 860px; color: #59627b; font-size: 16px; line-height: 1.75; }
.value-help a { color: #3157ff; text-decoration: underline; text-underline-offset: 4px; }
.value-help-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 28px; }
.value-help-grid article { border-top: 1px solid #deddeb; padding-top: 22px; }
.value-help-grid h3 { font-size: 21px; line-height: 1.3; }
.sample-disclosure { font-size: 13px; line-height: 1.6; color: #59627b; margin: 16px 0; }
.alpha-checker { scroll-margin-top: 100px; border: 1px solid #deddeb; padding: 28px; margin: 32px 0; border-radius: 18px; background: #f8f9fd; }
.alpha-checker h2 { margin-top: 0; }
.alpha-checker input[type=file] { display: block; margin: 12px 0 18px; max-width: 100%; }
.alpha-file { font-weight: 600; }
.alpha-checker #alpha-privacy { font-size: 14px; }
.alpha-checker #alpha-status { color: #11182f; font-weight: 600; }
.alpha-checker dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 10px 16px; font-size: 15px; line-height: 1.5; }
.alpha-checker dd { margin: 0; overflow-wrap: anywhere; }
.alpha-preview { display: grid; place-items: center; min-height: 180px; border: 1px solid #cbd0df; border-radius: 12px; padding: 16px; background-color: #fff; background-image: conic-gradient(#e1e5ef 25%, #fff 0 50%, #e1e5ef 0 75%, #fff 0); background-size: 24px 24px; }
.alpha-preview.alpha-solid { background-image: none; }
.alpha-preview img { display: block; max-width: 100%; max-height: 420px; width: auto; height: auto; }
.alpha-checker fieldset { border: 0; padding: 20px 0; margin: 0; }
.alpha-checker legend { font-size: 15px; padding-top: 16px; }
.alpha-checker button { border: 1px solid #cbd0df; padding: 10px 14px; margin: 5px 5px 5px 0; border-radius: 8px; color: #11182f; background: #fff; font: inherit; font-size: 14px; cursor: pointer; }
.alpha-checker button[aria-pressed=true] { border-color: #3157ff; background: #edf0ff; }
.alpha-checker :focus-visible { outline: 2px solid #3157ff; outline-offset: 4px; }
.alpha-checker [hidden] { display: none !important; }
@media (max-width: 760px) { .value-help-grid { grid-template-columns: 1fr; } .alpha-checker { padding: 18px; } .alpha-checker dl { font-size: 13px; gap: 10px; } }


.gallery-method { max-width: 1280px; margin: 0 auto; padding: 50px 28px 70px; color: #11182f; }
.gallery-method h2 { font-size: clamp(28px, 3.5vw, 44px); font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }
.gallery-method p { line-height: 1.75; color: #59627b; font-size: 16px; }
.gallery-method a, .g-source-link { color: #3157ff; text-decoration: underline; text-underline-offset: 3px; }
.method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.method-grid h3 { font-size: 20px; }
.g-source-link { font-size: 12px; display: inline-block; margin-top: 10px; }
.g-preview-link { display: inline-block; margin-top: 10px; color: #3157ff; font-size: 14px; }
@media (max-width: 760px) { .method-grid { grid-template-columns: 1fr; gap: 8px; } .gallery-method { padding: 35px 22px; } }

.guide-table { overflow-x: auto; margin: 24px 0; }
.guide-table table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.6; }
.guide-table th, .guide-table td { padding: 12px; text-align: left; vertical-align: top; border-bottom: 1px solid #deddeb; }
.guide-table thead { background: #f8f9fd; }