/*##############################################################################
# Script: forward-idea.css
# Created by: Matthew Boucher
# Start date: 2026-10-16
# Location: <project root>/frontend/css/forward-idea.css
# Description: Tech green idea prompt and associated-service contact choices.
# Reads: Tech It Forward idea form markup.
# Writes: responsive presentation only.
##############################################################################*/
.idea-section{padding-block:56px;background:var(--shade);color:var(--cream)}.idea-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}.idea-section .eyebrow,.idea-section h2 em{color:var(--accent-light)}.idea-section h2{color:var(--cream);font-size:clamp(2rem,4vw,3.1rem);line-height:1.12}.idea-section .idea-lead{color:#ded9ce;font-size:1rem;line-height:1.8;margin-top:22px}.idea-form{background:var(--paper);color:var(--ink);padding:28px;border:1px solid #8d9c88;border-radius:10px}.idea-form label{display:block;font-size:.9rem;font-weight:750;margin-bottom:8px}.idea-form textarea,.idea-form select{display:block;width:100%;min-width:0;padding:12px;color:var(--ink);background:#fffdf8;border:1px solid #767c70;border-radius:5px;font:inherit;line-height:1.6;margin-bottom:20px}.idea-form textarea{resize:vertical;min-height:160px}.idea-form .button{border:0;cursor:pointer;width:100%;font:700 .95rem/1.5 system-ui,sans-serif;padding:14px 20px}.idea-form button:disabled{opacity:.65;cursor:wait}.idea-form .request-note{font-size:.8rem;margin-top:14px}.idea-form .form-status:empty{display:none}.idea-form textarea:focus-visible,.idea-form select:focus-visible,.idea-choice:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.idea-choices{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.idea-choices h3{font-size:1rem;margin-bottom:12px}.idea-choice-grid{display:flex;flex-wrap:wrap;gap:10px}.idea-choice{font:700 .8rem/1.5 system-ui,sans-serif;padding:9px 12px;border:1px solid var(--accent);border-radius:5px;color:var(--accent);background:#fffdf8;cursor:pointer}.idea-direct{margin-top:22px;font-size:.8rem;line-height:1.8}.idea-direct a{color:var(--accent-light);text-decoration:underline;margin-right:12px}.idea-step{margin-top:22px;color:#ded9ce;font-size:.88rem;line-height:1.7}.service a{color:var(--accent);font-weight:750;text-decoration:underline}.idea-section [hidden]{display:none!important}@media(max-width:800px){.idea-layout{grid-template-columns:1fr;gap:28px}.idea-section{padding-block:36px}}@media(max-width:420px){.idea-form{padding:20px 16px}.idea-choice{flex:1 1 45%}}
.idea-emblem{margin:26px 0 0;max-width:300px}.idea-emblem img{display:block;width:100%;height:auto;border-radius:12px}.idea-section h1{color:var(--cream);font-size:clamp(2.5rem,4.8vw,4rem);line-height:1.08}.idea-section h1 em{color:var(--accent-light)}
.idea-form .button{background:var(--accent);color:#fff}

/*##############################################################################
# End of forward-idea.css
##############################################################################*/