/* For Schools page content around the builder: "Questions from counselors" (the Rank Math FAQ block, styled by the theme)
 * beside "Still have a question?" (the school-request form, .gpa-fs-ask; schools/for-schools.js sends it). Page
 * content, not a calculator: plain rules (no gpacalc layer; scripts/calc/css_layer.py CONTENT_CSS), scoped to the two
 * classes this page's content uses (.gpa-fs-help, .gpa-fs-ask), with the theme's "#page #main … :not(#gpa-x)" weight
 * so the theme's article-text rules (18px paragraphs, centred 720px text blocks) don't reach the form. Tokens only. */

#page #main .entry-content .wp-block-columns.gpa-fs-help:not(#gpa-x) {
    box-sizing: border-box;
    max-width: min(var(--gpa-text-max), calc(100% - 80px));
    margin: 40px auto 0;
    padding-top: 12px;
    border-top: 1px solid var(--gpa-border);
    gap: 28px 40px;
    align-items: flex-start;
}
@media (max-width: 880px) {
    #page #main .entry-content .wp-block-columns.gpa-fs-help:not(#gpa-x) { max-width: 100%; }
}
#page #main .entry-content .gpa-fs-help > .wp-block-column:not(#gpa-x) { min-width: 0; }
#page #main .entry-content .gpa-fs-help .rank-math-block:not(#gpa-x) { max-width: 100% !important; }
#page #main .entry-content .gpa-fs-help h2.gpa-fs-faq-h:not(#gpa-x) { margin: 12px 0 8px !important; max-width: none !important; }

/* the form box */
#page #main .entry-content .gpa-fs-ask:not(#gpa-x) {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 16px 0 0;
    padding: 22px;
    border: 1px solid var(--gpa-border);
    border-radius: var(--gpa-radius-lg);
    background: var(--gpa-surface-subtle);
    scroll-margin-top: 88px;
    font-family: var(--gpa-font);
}
#page #main .entry-content .gpa-fs-ask h2.gpa-fs-ask__title:not(#gpa-x) {
    margin: 0 !important;
    max-width: none !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: var(--gpa-heading) !important;
}
#page #main .entry-content .gpa-fs-ask p:not(#gpa-x) {
    max-width: none !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--gpa-text-secondary);
}
#page #main .entry-content .gpa-fs-ask form:not(#gpa-x) { display: flex; flex-direction: column; gap: 14px; margin: 0; }
#page #main .entry-content .gpa-fs-ask form[hidden]:not(#gpa-x),
#page #main .entry-content .gpa-fs-ask [hidden]:not(#gpa-x) { display: none !important; }
#page #main .entry-content .gpa-fs-ask__grid:not(#gpa-x) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
#page #main .entry-content .gpa-fs-ask label:not(#gpa-x) {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--gpa-text-strong);
}
#page #main .entry-content .gpa-fs-ask label.gpa-fs-ask__wide:not(#gpa-x) { grid-column: 1 / -1; }
#page #main .entry-content .gpa-fs-ask .gpa-fs-ask__hint:not(#gpa-x) { margin-top: -4px; font-size: 13px; font-weight: 400; color: var(--gpa-text-secondary); }
#page #main .entry-content .gpa-fs-ask :is(input, textarea):not(#gpa-x) {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid var(--gpa-border-strong);
    border-radius: var(--gpa-input-radius);
    background: var(--gpa-surface);
    color: var(--gpa-text-strong);
    font: 400 16px/1.4 var(--gpa-font);
    box-shadow: none;
}
#page #main .entry-content .gpa-fs-ask textarea:not(#gpa-x) { min-height: 110px; padding: 10px 12px; resize: vertical; }
#page #main .entry-content .gpa-fs-ask :is(input, textarea):focus-visible:not(#gpa-x) { outline: 2px solid var(--gpa-focus-ring); outline-offset: 2px; }
#page #main .entry-content .gpa-fs-ask :is(input, textarea)[aria-invalid="true"]:not(#gpa-x) { border-color: var(--gpa-danger); }
/* the honeypot: off screen for people, still in the form for bots (never display:none) */
#page #main .entry-content .gpa-fs-ask .gpa-fs-ask__hp:not(#gpa-x) { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#page #main .entry-content .gpa-fs-ask p.gpa-fs-ask__err:not(#gpa-x) { color: var(--gpa-danger); font-size: 14px !important; }
#page #main .entry-content .gpa-fs-ask__actions:not(#gpa-x) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
#page #main .entry-content .gpa-fs-ask button.gpa-fs-ask__send:not(#gpa-x) {
    min-height: 48px;
    margin: 0;
    padding: 0 22px;
    border: 2px solid var(--gpa-primary);
    border-radius: 10px;
    background: var(--gpa-surface);
    color: var(--gpa-blue-700);
    font: 600 16px/1.2 var(--gpa-font);
    cursor: pointer;
}
#page #main .entry-content .gpa-fs-ask button.gpa-fs-ask__send:hover:not(#gpa-x) { background: var(--gpa-tint-blue); }
#page #main .entry-content .gpa-fs-ask button.gpa-fs-ask__send:disabled:not(#gpa-x) { opacity: 0.6; cursor: progress; }
#page #main .entry-content .gpa-fs-ask .gpa-fs-ask__alt:not(#gpa-x) { font-size: 13px; color: var(--gpa-text-secondary); }
#page #main .entry-content .gpa-fs-ask .gpa-fs-ask__alt a:not(#gpa-x) { color: var(--gpa-primary); }
#page #main .entry-content .gpa-fs-ask .gpa-fs-ask__done:not(#gpa-x) {
    padding: 16px;
    border: 1px solid var(--gpa-green-200);
    border-radius: var(--gpa-radius-md);
    background: var(--gpa-green-50);
    color: var(--gpa-green-800);
    font-size: 15px;
    line-height: 1.5;
}
#page #main .entry-content .gpa-fs-ask .gpa-fs-ask__done strong:not(#gpa-x) { font-weight: 600; color: inherit; }
@media (max-width: 640px) {
    #page #main .entry-content .gpa-fs-ask:not(#gpa-x) { padding: 16px; }
    #page #main .entry-content .gpa-fs-ask__grid:not(#gpa-x) { grid-template-columns: minmax(0, 1fr); }
}