body.page-feedback{background:#fbead8;}
html{scroll-behavior:smooth;}
#edclex-feedback{
--canvas:#fbead8; --paper:#fffaf1; --ink:#0b2b45; --muted:#4d5c60;
--forest:#28543a; --forest-dark:#1d422d; --forest-soft:#e7efe7;
--burgundy:#7a1f1b; --burgundy-soft:#f5e5df; --gold:#a47735;
--line:#ddc9ad; --line-soft:#eadcca; --serif:Georgia,"Times New Roman",serif;
--sans:"Segoe UI",Arial,sans-serif;
}
#edclex-feedback,#edclex-feedback *{ box-sizing:border-box; }
#edclex-feedback{ background:var(--canvas); scroll-behavior:smooth; }
#edclex-feedback{ margin:0; color:var(--ink); background:var(--canvas); font:15px/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
#edclex-feedback button,#edclex-feedback input,#edclex-feedback select,#edclex-feedback textarea{ font:inherit; }
#edclex-feedback button,#edclex-feedback a,#edclex-feedback input,#edclex-feedback select,#edclex-feedback textarea{ -webkit-tap-highlight-color:transparent; }
#edclex-feedback button{ cursor:pointer; }
#edclex-feedback button:disabled{ opacity:.6; cursor:wait; }
#edclex-feedback a{ color:var(--burgundy); text-underline-offset:4px; }
#edclex-feedback :focus-visible{ outline:3px solid var(--gold); outline-offset:4px; }
#edclex-feedback [hidden]{ display:none !important; }
#edclex-feedback svg{ width:20px; height:20px; display:block; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
#edclex-feedback .symbols{ position:absolute; width:0; height:0; overflow:hidden; }
#edclex-feedback .skip{ position:absolute; z-index:10; top:10px; left:12px; transform:translateY(-160%); padding:10px 15px; background:var(--paper); }
#edclex-feedback .skip:focus{ transform:none; }
#edclex-feedback .site-header{ border-bottom:1px solid var(--line); background:var(--paper); }
#edclex-feedback .mast{ max-width:1180px; margin:auto; padding:18px 32px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
#edclex-feedback .brand{ display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; }
#edclex-feedback .brand-seal{ width:44px; height:44px; display:grid; place-items:center; border:3px double var(--burgundy); border-radius:50%; color:var(--burgundy); font:28px/1 var(--serif); }
#edclex-feedback .brand-word{ display:block; font:700 29px/1 var(--serif); letter-spacing:-.7px; }
#edclex-feedback .brand-word span{ color:var(--burgundy); }
#edclex-feedback .brand-tag{ display:block; margin-top:5px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:1.65px; text-transform:uppercase; }
#edclex-feedback .back-link{ display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600; text-decoration:none; }
#edclex-feedback .back-link svg{ width:16px; height:16px; }
#edclex-feedback main{ max-width:1180px; margin:auto; padding:37px 32px 48px; }
#edclex-feedback .breadcrumb{ margin:0 0 27px; color:var(--muted); font-size:12px; }
#edclex-feedback .breadcrumb span{ padding:0 9px; color:var(--gold); }
#edclex-feedback .hero{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:29px; }
#edclex-feedback .eyebrow{ margin:0 0 10px; display:flex; align-items:center; gap:9px; color:var(--burgundy); font-size:11px; font-weight:700; letter-spacing:1.9px; text-transform:uppercase; }
#edclex-feedback .diamond{ width:6px; height:6px; transform:rotate(45deg); background:var(--gold); }
#edclex-feedback h1{ margin:0 0 10px; font:400 clamp(36px,4vw,48px)/1.1 var(--serif); letter-spacing:-1px; }
#edclex-feedback .intro{ max-width:640px; margin:0; color:var(--muted); font-size:15px; }
#edclex-feedback .hero-mark{ width:84px; height:84px; flex-shrink:0; display:grid; place-items:center; border:1px solid #c3ccbb; background:var(--forest-soft); border-radius:50%; color:var(--forest); }
#edclex-feedback .hero-mark svg{ width:39px; height:39px; stroke-width:1.3; }
#edclex-feedback .layout{ display:grid; grid-template-columns:minmax(0,1fr) 278px; gap:26px; align-items:start; }
#edclex-feedback .form-card{ overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--paper); box-shadow:0 9px 28px rgb(62 42 20 / 6%); }
#edclex-feedback .form-top{ display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 27px; border-bottom:1px solid var(--line-soft); background:#f9f0e3; }
#edclex-feedback .form-top strong{ font:700 18px/1.3 var(--serif); }
#edclex-feedback .required-note{ color:var(--muted); font-size:12px; }
#edclex-feedback .required{ color:var(--burgundy); }
#edclex-feedback .form-body{ padding:0 27px; }
#edclex-feedback .section{ padding:26px 0 28px; border-bottom:1px solid var(--line-soft); }
#edclex-feedback .section:last-child{ border-bottom:0; }
#edclex-feedback .section-head{ display:flex; gap:11px; align-items:center; margin-bottom:19px; }
#edclex-feedback .step{ width:28px; height:28px; flex-shrink:0; display:grid; place-items:center; border:1px solid #cdb99c; border-radius:50%; color:#805b27; font-size:12px; font-weight:700; }
#edclex-feedback .section-head h2{ margin:0; font:700 23px/1.25 var(--serif); }
#edclex-feedback .field{ margin-top:18px; min-width:0; }
#edclex-feedback .section > .field:first-of-type{ margin-top:0; }
#edclex-feedback .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
#edclex-feedback label,#edclex-feedback .field-label{ display:block; margin-bottom:7px; font-size:14px; font-weight:650; color:var(--ink); }
#edclex-feedback .optional{ color:var(--muted); font-size:12px; font-weight:400; }
#edclex-feedback input[type=text],#edclex-feedback input[type=email],#edclex-feedback select,#edclex-feedback textarea{ width:100%; min-height:47px; border:1px solid #cdbba2; border-radius:6px; padding:11px 12px; background:#fffcf5; color:var(--ink); font-size:15px; line-height:1.5; }
#edclex-feedback select{ cursor:pointer; padding-right:30px; }
#edclex-feedback input::placeholder,#edclex-feedback textarea::placeholder{ color:#6d7570; opacity:1; }
#edclex-feedback textarea{ min-height:152px; resize:vertical; }
#edclex-feedback .small-textarea{ min-height:83px; }
#edclex-feedback input:focus,#edclex-feedback textarea:focus,#edclex-feedback select:focus{ border-color:var(--gold); }
#edclex-feedback .help{ margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
#edclex-feedback .field-meta{ display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
#edclex-feedback .counter{ flex-shrink:0; margin-top:6px; color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
#edclex-feedback fieldset{ min-width:0; border:0; margin:0; padding:0; }
#edclex-feedback legend{ width:100%; padding:0; }
#edclex-feedback .choices{ display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:9px; }
#edclex-feedback .choice{ position:relative; margin:0; cursor:pointer; }
#edclex-feedback .choice input{ position:absolute; width:1px; height:1px; opacity:0; }
#edclex-feedback .choice-box{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-height:114px; padding:14px 12px; border:1px solid #d6c4ab; border-radius:8px; background:#faf3e7; }
#edclex-feedback .choice-top{ display:flex; justify-content:space-between; align-items:center; width:100%; color:#80613b; }
#edclex-feedback .radio-mark{ width:15px; height:15px; border:1px solid #b5a286; border-radius:50%; }
#edclex-feedback .choice-text{ font-weight:650; font-size:13px; }
#edclex-feedback .choice input:checked + .choice-box{ border-color:var(--forest); background:var(--forest-soft); box-shadow:inset 0 0 0 1px var(--forest); }
#edclex-feedback .choice input:checked + .choice-box .choice-top{ color:var(--forest); }
#edclex-feedback .choice input:checked + .choice-box .radio-mark{ border:4px solid var(--forest); background:var(--paper); }
#edclex-feedback .choice input:focus-visible + .choice-box{ outline:3px solid var(--gold); outline-offset:3px; }
#edclex-feedback .choice:hover .choice-box{ border-color:var(--gold); }
#edclex-feedback .check-line{ display:flex; align-items:flex-start; gap:10px; margin:18px 0 0; cursor:pointer; font-size:14px; font-weight:600; }
#edclex-feedback .check-line input{ width:18px; height:18px; margin:2px 0 0; flex-shrink:0; accent-color:var(--forest); }
#edclex-feedback .reply-help{ margin-left:28px; }
#edclex-feedback .attachment{ padding:14px; border:1px dashed #bea987; border-radius:8px; background:#faf2e5; }
#edclex-feedback .attachment-row{ display:flex; align-items:flex-start; gap:11px; }
#edclex-feedback .attachment-row > svg{ margin-top:3px; color:var(--gold); }
#edclex-feedback .attachment-body{ width:100%; min-width:0; }
#edclex-feedback .attachment label{ margin:0 0 2px; }
#edclex-feedback .file-controls{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; }
#edclex-feedback input[type=file]{ width:100%; color:var(--muted); font-size:12px; }
#edclex-feedback input[type=file]::file-selector-button{ margin-right:10px; padding:8px 11px; border:1px solid #cdbba2; border-radius:5px; background:var(--paper); color:var(--ink); cursor:pointer; font:600 12px var(--sans); }
#edclex-feedback .file-info{ margin:7px 0 0; color:var(--forest); font-size:12px; overflow-wrap:anywhere; }
#edclex-feedback .text-button{ padding:5px 0; border:0; background:transparent; color:var(--burgundy); text-decoration:underline; text-underline-offset:3px; font-size:12px; }
#edclex-feedback .error{ margin:6px 0 0; color:var(--burgundy); font-size:12px; font-weight:600; }
#edclex-feedback [aria-invalid=true]{ border-color:var(--burgundy) !important; }
#edclex-feedback .error-summary{ padding:16px; margin-top:22px; border:1px solid #d5a79a; border-radius:6px; background:var(--burgundy-soft); }
#edclex-feedback .error-summary p{ margin:0 0 5px; font-weight:650; }
#edclex-feedback .error-summary ul{ margin:0; padding-left:19px; font-size:13px; }
#edclex-feedback .error-summary:focus{ outline:3px solid var(--gold); outline-offset:3px; }
#edclex-feedback .actions{ padding:21px 27px; background:#f9f0e3; border-top:1px solid var(--line-soft); }
#edclex-feedback .action-row{ display:flex; justify-content:space-between; gap:16px; align-items:center; }
#edclex-feedback .action-copy{ max-width:310px; margin:0; font-size:12px; color:var(--muted); }
#edclex-feedback .button{ min-height:47px; padding:11px 18px; border:1px solid transparent; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:650; font-size:14px; text-decoration:none; }
#edclex-feedback .button-primary{ background:var(--forest); color:#fffaf1; }
#edclex-feedback .button-primary:hover{ background:var(--forest-dark); }
#edclex-feedback .button-secondary{ background:#f7ecdc; border-color:#cdbba2; color:var(--ink); }
#edclex-feedback .button-secondary:hover{ background:#efe1ca; }
#edclex-feedback .button svg{ width:17px; height:17px; }
#edclex-feedback .mode-note{ padding:9px 12px; margin:0 0 15px; border:1px solid #d6c095; border-radius:5px; background:#f5eacc; color:#6a4e26; font-size:12px; }
#edclex-feedback .sidebar{ display:grid; gap:18px; }
#edclex-feedback .side-card{ padding:23px; border:1px solid var(--line); border-radius:10px; background:#f9f3e8; }
#edclex-feedback .side-card h2{ margin:0 0 15px; font:700 23px/1.25 var(--serif); }
#edclex-feedback .side-kicker{ font-size:10px; font-weight:700; letter-spacing:1.65px; text-transform:uppercase; color:#b89c70; margin:0 0 11px; }
#edclex-feedback .side-green{ border-color:var(--forest); background:var(--forest); color:#fff6e7; }
#edclex-feedback .side-green h2{ font:400 27px/1.16 var(--serif); }
#edclex-feedback .side-green > svg{ width:27px; height:27px; color:#d6bd8d; margin-bottom:21px; }
#edclex-feedback .side-green p:last-child{ margin:0; color:#e0e8da; font-size:13px; }
#edclex-feedback .tips{ list-style:none; padding:0; margin:0; }
#edclex-feedback .tips li{ display:flex; gap:10px; align-items:flex-start; padding:13px 0; border-top:1px solid var(--line-soft); color:var(--muted); font-size:13px; }
#edclex-feedback .tips li:first-child{ border:0; padding-top:0; }
#edclex-feedback .tips li:last-child{ padding-bottom:0; }
#edclex-feedback .tips svg{ color:var(--gold); width:17px; height:17px; margin-top:3px; }
#edclex-feedback .side-card .help{ font-size:13px; }
#edclex-feedback .support-note{ padding-top:15px; margin-top:15px; border-top:1px solid var(--line-soft); color:var(--muted); font-size:12px; }
#edclex-feedback .support-note strong{ color:var(--ink); }
#edclex-feedback .footer{ border-top:1px solid var(--line); padding:19px 0 0; margin-top:30px; display:flex; justify-content:space-between; gap:20px; font-size:11px; color:var(--muted); }
#edclex-feedback .footer strong{ color:var(--burgundy); font:700 15px var(--serif); }
#edclex-feedback .hp{ position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
#edclex-feedback dialog{ width:calc(100% - 32px); max-width:660px; max-height:calc(100dvh - 40px); margin:auto; padding:0; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); box-shadow:0 18px 60px rgb(11 43 69 / 20%); }
#edclex-feedback dialog::backdrop{ background:rgb(20 31 31 / 53%); }
#edclex-feedback .modal-head{ padding:23px 25px 16px; border-bottom:1px solid var(--line-soft); }
#edclex-feedback .modal-head h2{ margin:0 0 5px; font:700 29px/1.2 var(--serif); }
#edclex-feedback .modal-head p{ margin:0; color:var(--muted); font-size:13px; }
#edclex-feedback .modal-body{ padding:5px 25px 20px; }
#edclex-feedback .review-list{ margin:0; }
#edclex-feedback .review-row{ display:grid; grid-template-columns:135px minmax(0,1fr); gap:15px; padding:13px 0; border-bottom:1px solid var(--line-soft); font-size:13px; }
#edclex-feedback .review-row dt{ color:var(--muted); }
#edclex-feedback .review-row dd{ margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
#edclex-feedback .modal-actions{ padding:16px 25px; background:#f9f0e3; display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; border-top:1px solid var(--line-soft); }
#edclex-feedback .status{ margin:16px 0 0; padding:12px; border:1px solid #d5a79a; border-radius:5px; color:var(--burgundy); background:var(--burgundy-soft); font-size:13px; }
#edclex-feedback .success{ padding:35px 28px; }
#edclex-feedback .success-mark{ width:64px; height:64px; display:grid; place-items:center; border:1px solid #bbcdb5; border-radius:50%; background:var(--forest-soft); color:var(--forest); margin-bottom:19px; }
#edclex-feedback .success-mark svg{ width:30px; height:30px; }
#edclex-feedback .success h2{ margin:0 0 10px; font:400 34px/1.15 var(--serif); }
#edclex-feedback .success p{ margin:0 0 18px; color:var(--muted); }
#edclex-feedback .receipt{ padding:16px; margin:22px 0; border:1px solid var(--line); border-radius:8px; background:#f8f0e2; }
#edclex-feedback .receipt span{ color:var(--muted); font-size:12px; display:block; }
#edclex-feedback .receipt strong{ display:block; margin-top:4px; overflow-wrap:anywhere; }
#edclex-feedback .success-buttons{ display:flex; gap:10px; flex-wrap:wrap; }
@media (max-width:980px){
#edclex-feedback .layout{ grid-template-columns:minmax(0,1fr) 240px; gap:20px; }
#edclex-feedback .form-body{ padding:0 22px; }
#edclex-feedback .form-top,#edclex-feedback .actions{ padding-left:22px; padding-right:22px; }
#edclex-feedback .choices{ grid-template-columns:repeat(2,1fr); }
#edclex-feedback .choice-box{ min-height:87px; gap:8px; }
#edclex-feedback .side-card{ padding:20px; }
#edclex-feedback .action-row{ align-items:flex-start; flex-direction:column; }
#edclex-feedback .action-copy{ max-width:100%; }
#edclex-feedback .action-row .button{ width:100%; }
}
@media (max-width:900px){
#edclex-feedback .mast{ padding:15px 22px; }
#edclex-feedback main{ padding:27px 22px 30px; }
#edclex-feedback .layout{ grid-template-columns:minmax(0,1fr); }
#edclex-feedback .sidebar{ grid-template-columns:1fr 1fr; }
#edclex-feedback .side-green{ display:none; }
#edclex-feedback .hero{ margin-bottom:24px; flex-wrap:wrap; align-items:flex-start; }
#edclex-feedback input[type=text],#edclex-feedback input[type=email],#edclex-feedback select,#edclex-feedback textarea{ font-size:16px; }
#edclex-feedback .choice-text{ overflow-wrap:anywhere; }
#edclex-feedback .hero-mark{ width:65px; height:65px; }
#edclex-feedback .hero-mark svg{ width:30px; height:30px; }
#edclex-feedback .intro{ max-width:560px; }
#edclex-feedback .action-row{ flex-direction:row; align-items:center; }
#edclex-feedback .action-row .button{ width:auto; flex-shrink:0; }
}
@media (max-width:480px){
#edclex-feedback .mast{ padding:14px 16px; gap:10px; }
#edclex-feedback .brand-seal{ width:36px; height:36px; font-size:23px; }
#edclex-feedback .brand-word{ font-size:25px; }
#edclex-feedback .brand-tag{ font-size:8px; letter-spacing:1.1px; }
#edclex-feedback .back-link{ font-size:11px; gap:4px; }
#edclex-feedback .back-link svg{ width:14px; }
#edclex-feedback main{ padding:24px 16px 27px; }
#edclex-feedback .breadcrumb{ margin-bottom:22px; font-size:11px; }
#edclex-feedback .hero-mark{ display:none; }
#edclex-feedback .intro{ font-size:14px; }
#edclex-feedback .form-top{ padding:16px 18px; flex-wrap:wrap; gap:4px; }
#edclex-feedback .form-body{ padding:0 18px; }
#edclex-feedback .section{ padding:23px 0; }
#edclex-feedback .section-head h2{ font-size:22px; }
#edclex-feedback .field-row{ grid-template-columns:1fr; gap:0; }
#edclex-feedback input[type=text],#edclex-feedback input[type=email],#edclex-feedback select,#edclex-feedback textarea{ font-size:16px; }
#edclex-feedback .field-meta{ gap:8px; }
#edclex-feedback .field-meta .help{ max-width:220px; }
#edclex-feedback .actions{ padding:19px 18px; }
#edclex-feedback .action-row{ flex-direction:column; align-items:stretch; gap:13px; }
#edclex-feedback .action-row .button{ width:100%; }
#edclex-feedback .sidebar{ grid-template-columns:1fr; gap:14px; }
#edclex-feedback .side-card{ padding:20px; }
#edclex-feedback .footer{ flex-direction:column; gap:5px; }
#edclex-feedback .modal-head{ padding:21px 18px 15px; }
#edclex-feedback .modal-body{ padding:5px 18px 20px; }
#edclex-feedback .review-row{ grid-template-columns:1fr; gap:3px; }
#edclex-feedback .modal-actions{ padding:15px 18px; justify-content:stretch; }
#edclex-feedback .modal-actions .button{ flex:1; font-size:13px; padding:10px; }
#edclex-feedback .success{ padding:27px 20px; }
#edclex-feedback .success-buttons{ flex-direction:column; }
}
@media (prefers-reduced-motion:reduce){ #edclex-feedback{ scroll-behavior:auto; } }
@media print{ #edclex-feedback .site-header,#edclex-feedback .sidebar,#edclex-feedback .actions,#edclex-feedback .footer,#edclex-feedback .success-buttons{ display:none; } #edclex-feedback main{ padding:0; } #edclex-feedback .layout{ display:block; } #edclex-feedback .form-card{ box-shadow:none; } }