/* Progressive controls add choice without hiding the original public answers. */
.answer-tools {margin:20px 0 16px;padding:20px;border:1px solid #cedfd7;border-radius:14px;background:#edf5f1;min-width:0;}
.answer-tools label {display:block;margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.4;color:var(--navy,#082b47);}
.answer-search-row {display:flex;align-items:stretch;gap:10px;min-width:0;}
.answer-search-row input {width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #a9c6ba;border-radius:8px;background:#fff;color:var(--navy,#082b47);font-size:16px;line-height:1.4;}
.answer-search-row input::placeholder {color:#62756e;opacity:1;}
.answer-tools button,.answer-copy {min-height:44px;padding:10px 14px;border:1px solid #abc7ba;border-radius:8px;background:#fff;color:var(--teal-deep,#126a78);font-size:16px;font-weight:500;line-height:1.4;}
.answer-tools button:disabled {opacity:.5;cursor:default;}
.answer-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:12px;}
.answer-count {flex:1;min-width:110px;font-size:14px;line-height:1.5;color:#486459;}
.answer-empty {padding:18px;border:1px dashed #b7cdc1;border-radius:10px;margin-bottom:16px;font-size:16px;line-height:1.6;}
.answer-copy {margin:0 0 16px;font-size:14px;text-decoration:underline;text-underline-offset:3px;}
.faq-guide-link {display:inline-flex;align-items:center;min-height:44px;margin:0 12px 16px 0;color:var(--teal-deep,#126a78);font-size:16px;text-decoration:underline;text-underline-offset:4px;}
.answer-tools button:hover:not(:disabled),.answer-copy:hover {border-color:var(--teal-deep,#126a78);background:#f8fcfa;}
.answer-tools :is(button,input):focus-visible,.answer-copy:focus-visible,.hosting-helper :is(summary,input,button):focus-visible,.service-section-links a:focus-visible {outline:3px solid var(--teal-deep,#126a78);outline-offset:3px;}
.service-section-links {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding-top:15px;border-top:1px solid #d3e1da;}
.service-section-links a {display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--teal-deep,#126a78);text-decoration:underline;text-underline-offset:4px;}
.service-page details[id] {scroll-margin-top:108px;}
.service-reading-next a {text-decoration:underline;text-underline-offset:4px;}

.hosting-helper {margin-top:24px;border:1px solid #c7dccf;border-radius:14px;background:#f5faf7;overflow:hidden;}
.hosting-helper summary {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:16px 20px;list-style:none;cursor:pointer;font-size:18px;font-weight:500;color:var(--navy,#082b47);}
.hosting-helper summary::-webkit-details-marker {display:none;}
.hosting-helper summary>span {font-size:25px;line-height:1;color:var(--teal-deep,#126a78);}
.hosting-helper[open] summary>span {transform:rotate(45deg);}
.hosting-helper-body {padding:0 20px 22px;}
.hosting-helper-body>p {max-width:72ch;font-size:16px;line-height:1.6;}
.hosting-helper fieldset {min-width:0;margin:22px 0 0;padding:0;border:0;}
.hosting-helper legend {margin:0 0 10px;font-size:17px;font-weight:500;color:var(--navy,#082b47);}
.hosting-choices {display:flex;flex-wrap:wrap;gap:10px;}
.hosting-choices label {display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 14px;border:1px solid #b5cfc0;border-radius:10px;background:#fff;font-size:16px;line-height:1.4;cursor:pointer;}
.hosting-choices label:has(input:checked) {border-color:var(--teal-deep,#126a78);background:#e1f1eb;box-shadow:inset 0 0 0 1px var(--teal-deep,#126a78);}
.hosting-choices input {appearance:auto;accent-color:var(--teal-deep,#126a78);width:20px;height:20px;min-width:20px;margin:0;}
.hosting-result {padding:18px 20px;margin-top:22px;border:1px solid #b6d1c2;border-radius:10px;background:#fff;min-height:106px;}
.hosting-result strong {display:block;font-size:20px;line-height:1.4;color:var(--navy,#082b47);}
.hosting-result p {margin-top:8px;font-size:16px;line-height:1.6;}
.hosting-show-plan {min-height:48px;margin-top:16px;font-size:16px;}
#host-rail .price-card.is-highlighted-plan {outline:3px solid var(--teal-deep,#126a78);outline-offset:-3px;}
#host-rail {scroll-margin-top:108px;}
.home-page #faq>details {border-top:1px solid #d7e3dc;}

@media(max-width:639px) {
  .answer-tools {padding:16px;margin-top:18px;}
  .answer-search-row {gap:8px;}
  .answer-search-row input {padding-inline:11px;}
  .answer-tools .answer-clear {padding-inline:12px;}
  .answer-actions {align-items:flex-start;gap:10px;}
  .answer-count {flex-basis:100%;}
  .answer-copy {font-size:16px;}
  .service-section-links {gap:2px 18px;margin-top:18px;}
  .service-page details[id] {scroll-margin-top:96px;}
  .hosting-helper summary {padding:16px;font-size:17px;}
  .hosting-helper-body {padding:0 16px 18px;}
  .hosting-choices {display:grid;grid-template-columns:1fr;gap:8px;}
  .hosting-result {padding:16px;min-height:148px;}
  .hosting-result strong {font-size:19px;}
  .hosting-show-plan {width:100%;min-height:52px;}
  #host-rail {scroll-margin-top:96px;}
}
