@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --ofp-ink:#30283c;
  --ofp-purple:#66508f;
  --ofp-deep:#4d3b71;
  --ofp-lilac:#f1edf6;
  --ofp-line:#ded7e7;
  --ofp-body:#665e70;
  --ofp-paper:#fbfaf8;
  --ofp-yellow:#f2c94c;
  --ofp-font:'DM Sans',sans-serif;
  --ofp-display:'Space Grotesk',sans-serif;
}

body:has(.ofp-page){padding:0!important;background:var(--ofp-paper)!important;color:var(--ofp-ink);font-family:var(--ofp-font);overflow-x:hidden}
body:has(.ofp-page)>main{width:100%;padding:0!important;margin:0!important;flex:1 0 auto}
.ofp-page{min-height:100dvh;display:flex;flex-direction:column;color:var(--ofp-ink);font:400 15px/1.55 var(--ofp-font);background:radial-gradient(ellipse at 83% 25%,rgba(231,223,239,.64),transparent 34%),var(--ofp-paper);overflow:hidden}
.ofp-page *{box-sizing:border-box}
.ofp-page button,.ofp-page input,.ofp-page textarea{font:inherit}
.ofp-page button{color:inherit}
.ofp-page a{color:inherit}
.ofp-page [hidden]{display:none!important}
.ofp-skip{position:fixed;z-index:50;top:8px;left:8px;padding:10px 14px;border-radius:5px;background:var(--ofp-deep);color:#fff!important;text-decoration:none;transform:translateY(-150%)}
.ofp-skip:focus{transform:translateY(0)}

.ofp-header{height:76px;flex:none;background:rgba(251,250,248,.93);border-bottom:1px solid rgba(77,59,113,.1);position:relative;z-index:2}
.ofp-header__inner{width:min(1180px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center}
.ofp-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none!important;color:var(--ofp-ink)!important;white-space:nowrap}
.ofp-brand img{display:block;width:140px;height:42px;object-fit:contain;mix-blend-mode:multiply}
.ofp-brand>span{width:1px;height:28px;background:#d4cddb}
.ofp-brand b{color:var(--ofp-purple);font:600 17px/1 var(--ofp-font);letter-spacing:-.3px}
.ofp-header__back{margin-left:auto;text-decoration:none!important;color:#625a6c!important;font-size:12px;font-weight:600}
.ofp-header__back span{margin-left:7px;color:var(--ofp-purple)}
.ofp-main{flex:1;width:100%;padding:28px 24px 80px}
.ofp-wrap{width:min(1060px,100%);margin:0 auto}
.ofp-intro{max-width:860px;margin:0 auto 20px;text-align:center}
.ofp-eyebrow{margin:0 0 10px;color:var(--ofp-purple)!important;font:700 10px/1.4 var(--ofp-font)!important;letter-spacing:1.6px!important;text-transform:uppercase}
.ofp-intro h1,.ofp-section-head h2,.ofp-success h2{margin:0!important;color:var(--ofp-ink)!important;font-family:var(--ofp-display)!important;font-weight:600!important;letter-spacing:-1.7px!important}
.ofp-intro h1{font-size:clamp(34px,5vw,52px)!important;line-height:1.08!important}
.ofp-intro>p:last-child{max-width:640px;margin:12px auto 0;color:var(--ofp-body);font-size:15px;line-height:1.6}

.ofp-project-form,.ofp-shortlist,.ofp-brief,.ofp-success{border:1px solid #ebe5ef;border-radius:10px;background:#fffdfa;box-shadow:0 18px 54px rgba(60,44,82,.065)}
.ofp-project-form{padding:24px}
.ofp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
#ofp-project-form .ofp-fields{row-gap:8px}
.ofp-project-needs{margin:22px 0 0;padding:22px 0 0;border-top:1px solid #eee9f0}
.ofp-project-needs__title{margin:0 0 5px;color:#443a50;font:700 13px/1.35 var(--ofp-font);letter-spacing:-.1px}
.ofp-project-needs__optional{display:inline-block;margin-left:10px;color:#817989;font-size:10px;font-weight:400;letter-spacing:0;white-space:nowrap}
.ofp-project-needs__hint{margin:0;color:#817989;font-size:10px;line-height:1.45}
.ofp-keyword-match-note{margin:3px 0 0;color:#817989;font-size:9px;line-height:1.4}
.ofp-keyword-count{margin:8px 0 0;color:#6f6679;font-size:10px;font-weight:600;line-height:1.4}
.ofp-keyword-group{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:5px 10px;padding:6px 0;border-top:1px solid #efeaf2}
.ofp-keyword-group__title{margin:5px 0 0;color:#655773;font:600 10px/1.35 var(--ofp-font)}
.ofp-keyword-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px}
.ofp-keyword-chip{min-height:24px;padding:3px 6px;border:1px solid #d8d0e0;border-radius:50px;background:#fff;color:#66508f;font:600 9px/1.25 var(--ofp-font);cursor:pointer;transition:transform .16s,background-color .16s,border-color .16s,color .16s}
.ofp-keyword-chip:hover{border-color:#9180a8;background:#f4f0f7}
.ofp-keyword-chip[aria-pressed=true]{border-color:#4d3b71;background:#4d3b71;color:#fff}
.ofp-keyword-chip:focus-visible{outline:3px solid rgba(102,80,143,.3);outline-offset:2px}
/* Shared brand button rules otherwise enlarge and square off these small pills. */
body .ofp-project-needs button.ofp-keyword-chip{font:600 9px/1.25 var(--ofp-font)!important;padding:3px 6px!important;min-height:24px!important;border-radius:999px!important;letter-spacing:0!important;text-transform:none!important}
body .ofp-project-needs button.ofp-keyword-chip[aria-pressed=true]{background:#4d3b71!important;color:#fff!important;border-color:#4d3b71!important}
.ofp-keyword-empty{margin:10px 0 0;color:#817989;font-size:10px;line-height:1.45}
.ofp-place-choice{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
.ofp-place-choice legend{margin:0 0 8px;color:#443a50;font-size:12px;font-weight:700}
.ofp-place-choice__options{display:flex;flex-wrap:wrap;gap:9px}
.ofp-place-choice__option{min-height:39px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ded7e7;border-radius:5px;background:#fff;color:#655d6c;font-size:11px;font-weight:600;cursor:pointer;transition:border-color .18s,background-color .18s,color .18s}
.ofp-place-choice__option:has(input:checked){border-color:#8067a4;background:#f4f0f7;color:var(--ofp-deep)}
.ofp-place-choice__option:focus-within{outline:3px solid rgba(102,80,143,.2);outline-offset:2px}
.ofp-place-choice__option input{width:14px;height:14px;margin:0;accent-color:var(--ofp-purple)}
.ofp-place-field.is-inactive .ofp-input-wrap,.ofp-place-field.is-inactive .ofp-field-help,.ofp-place-field.is-inactive .ofp-place-status{opacity:.52;filter:grayscale(.72)}
.ofp-place-field.is-inactive .ofp-input-wrap{background:#f2f0f3;border-color:#e3dfe6}
.ofp-place-field.is-inactive .ofp-input-wrap>i{color:#9b94a0}
.ofp-place-field.is-inactive .ofp-input-wrap input{color:#77717c}
.ofp-search-help{margin:19px 0 0;padding:10px 12px;border-left:3px solid #b9aacb;border-radius:0 4px 4px 0;background:#f7f4f9;color:#6f6679;font-size:10px;line-height:1.5}
.ofp-field{position:relative;min-width:0}
.ofp-field>label,.ofp-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;color:#443a50;font-size:12px;font-weight:700}
.ofp-field>.ofp-place-label{justify-content:flex-start;gap:7px;cursor:pointer}
.ofp-place-label input{width:14px;height:14px;flex:none;margin:0;accent-color:var(--ofp-purple);cursor:pointer}
.ofp-place-label:has(input:checked){color:var(--ofp-deep)}
.ofp-field>label span{color:#918899;font-size:10px;font-weight:500}
.ofp-input-wrap{height:55px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid #d8d0e0;border-radius:6px;background:#fff;transition:border-color .18s,box-shadow .18s}
.ofp-input-wrap:focus-within{border-color:#8067a4;box-shadow:0 0 0 3px rgba(102,80,143,.12)}
.ofp-input-wrap>i{width:17px;flex:none;color:var(--ofp-purple);font-size:14px;text-align:center}
.ofp-input-wrap input{width:100%;height:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#342a40;font:500 13px var(--ofp-font)}
.ofp-input-wrap input::placeholder{color:#a29aaa;opacity:1}
.ofp-input-wrap input::-webkit-outer-spin-button,.ofp-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ofp-input-wrap input[type=number]{appearance:textfield;-moz-appearance:textfield}
.ofp-date-field .ofp-input-wrap,.ofp-date-field .ofp-input-wrap input{cursor:pointer}
.ofp-completion-calendar.flatpickr-calendar.open{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;z-index:1100}
.ofp-completion-calendar.flatpickr-calendar::before,.ofp-completion-calendar.flatpickr-calendar::after{display:none}
.ofp-completion-calendar .flatpickr-months{min-width:924px}
.ofp-completion-calendar .flatpickr-days{min-width:924px}
.ofp-input-suffix{flex:none;color:#817989;font-size:11px}
.ofp-field-help{margin:7px 0 0;color:#817989;font-size:10px;line-height:1.45}
.ofp-place-status{margin:4px 0 0;color:#746c7c;font-size:10px;line-height:1.4}
.ofp-place-status:empty{display:none}
.ofp-place-status.is-verified{color:#36765e}
.ofp-place-status.is-error{color:#a64e48}
.ofp-place-options{position:absolute;z-index:8;top:72px;right:0;left:0;max-height:250px;overflow:auto;margin:0;padding:5px;list-style:none;border:1px solid #e1d9e9;border-radius:7px;background:#fff;box-shadow:0 12px 28px rgba(55,40,76,.15)}
.ofp-place-options li{padding:11px 12px;border-radius:5px;color:#30283c;font-size:12px;line-height:1.45;cursor:pointer}
.ofp-place-options li:hover,.ofp-place-options li[aria-selected=true]{background:#f4f0f7}
.ofp-area-field,.ofp-date-field{grid-column:auto;max-width:none}
.ofp-form-status{margin:18px 0 0;padding:11px 13px;border:1px solid #ead5d3;border-radius:5px;background:#fbf1ef;color:#8e3e3a;font-size:12px;line-height:1.5}
.ofp-project-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:12px;border-top:1px solid #eee9f0}
.ofp-project-actions>p{display:flex;align-items:flex-start;gap:8px;max-width:510px;margin:0;color:#827a89;font-size:10px;line-height:1.55}
.ofp-project-actions>p i{margin-top:1px;color:#8b78a5}
.ofp-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;border:1px solid transparent;border-radius:5px;text-decoration:none!important;font-size:12px;font-weight:700;line-height:1.25;cursor:pointer;transition:transform .18s,background-color .18s,opacity .18s}
.ofp-button:hover:not(:disabled){transform:translateY(-1px)}
.ofp-button:focus-visible,.ofp-icon-button:focus-visible,.ofp-slot-empty:focus-visible,.ofp-slot-remove:focus-visible{outline:3px solid rgba(102,80,143,.38);outline-offset:2px}
.ofp-button:disabled{opacity:.52;cursor:not-allowed}
.ofp-button--primary{background:var(--ofp-deep);color:#fff!important;box-shadow:0 5px 14px rgba(77,59,113,.15)}
.ofp-button--primary:disabled{background:#c9c3cf;color:#f8f7f9!important;box-shadow:none;opacity:1}
.ofp-button--primary:hover:not(:disabled){background:#3f315f}
.ofp-button--primary i{color:var(--ofp-yellow)}
.ofp-button--quiet{border-color:#ded7e7;background:#fff;color:var(--ofp-deep)!important}
.ofp-button--quiet:hover:not(:disabled){background:#f5f1f8}

.ofp-shortlist,.ofp-brief,.ofp-success{margin-top:28px;padding:clamp(22px,4vw,36px)}
.ofp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.ofp-section-head h2,.ofp-success h2{font-size:clamp(26px,3.6vw,34px)!important;line-height:1.12!important;letter-spacing:-1.1px!important}
.ofp-section-head .ofp-eyebrow{margin-bottom:7px}
.ofp-section-head>div>p:last-child{margin:8px 0 0;color:var(--ofp-body);font-size:12px}
.ofp-selection-count{flex:none;padding:8px 11px;border-radius:50px;background:var(--ofp-lilac);color:var(--ofp-deep);font-size:11px;font-weight:700}
.ofp-shortlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 16px;padding:14px 0;border-top:1px solid #eee9f0;border-bottom:1px solid #eee9f0}
.ofp-shortlist-toolbar p{margin:0;color:#746c7c;font-size:11px}
.ofp-shortlist-toolbar .ofp-button{min-height:38px;padding:8px 11px;font-size:10px}
.ofp-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ofp-slot{position:relative;min-width:0;display:flex;flex-direction:column;overflow:visible}
.ofp-card-shell{position:relative;min-width:0;width:100%}
.ofp-card-shell>.flip-card{width:100%;height:590px!important;min-height:590px!important}
.ofp-recommendation-summary{margin:0 0 12px;padding:10px 12px;border-left:3px solid #b9aacb;border-radius:3px;background:#f5f2f7;color:#655d6c}
.ofp-recommendation-summary__label{display:block;margin:0 0 3px;color:#4d3b71;font-size:10px;font-weight:700;line-height:1.4}
.ofp-recommendation-summary__reason{margin:0;color:#655d6c;font-size:10px;line-height:1.5}
.ofp-card-missing{display:grid;min-height:590px;place-items:center;margin:0;padding:18px;border:1px dashed #d9d3df;border-radius:9px;background:#fff;color:#817989;text-align:center;font-size:12px;line-height:1.5}
.ofp-slot-actions{position:absolute;z-index:12;top:8px;right:8px;display:flex;justify-content:flex-end;margin:0}
.ofp-slot-remove{width:32px;height:32px;display:grid;place-items:center;border:1px solid #b42332;border-radius:50%;background:#b42332;color:#fff;box-shadow:0 2px 7px rgba(50,20,24,.22);cursor:pointer}
.ofp-slot-remove:hover{border-color:#8f1d29;background:#8f1d29;color:#fff}
.ofp-slot--empty{min-height:255px;display:flex;border:1px dashed #d9d3df;border-radius:9px;background:#fff}
.ofp-slot-empty{width:100%;height:100%;min-height:255px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;border:0;background:transparent;color:#80768b;text-align:center;cursor:pointer}
.ofp-slot-empty:hover{background:#f8f5fa;color:var(--ofp-deep)}
.ofp-slot-empty .ofp-plus{width:32px;height:32px;display:grid;place-items:center;border:1px dashed #bdb1ca;border-radius:50%;color:var(--ofp-purple);font-size:15px}
.ofp-slot-empty strong{font-size:11px;font-weight:700}
.ofp-slot-empty small{color:#958c9d;font-size:9px;line-height:1.45}
.ofp-shortlist-status{min-height:17px;margin:12px 0 0;color:#746c7c;font-size:10px}
.ofp-shortlist-status.is-error{color:#a64e48}

.ofp-brief-head{align-items:flex-start;margin-bottom:23px}
.ofp-brief-head .ofp-draft-state{flex:none;padding:6px 9px;border-radius:4px;background:#f4f0f7;color:#76638e;font-size:10px;font-weight:650}
.ofp-brief-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px;border:1px solid #e2dce8;border-radius:6px;background:#faf8fc}
.ofp-brief-fact{min-width:0;padding:11px 14px}
.ofp-brief-fact+.ofp-brief-fact{border-left:1px solid #e7e1eb}
.ofp-brief-fact dt{margin:0 0 4px;color:#817989;font-size:9px;font-weight:700;letter-spacing:.55px;line-height:1.4;text-transform:uppercase}
.ofp-brief-fact dd{margin:0;color:#443a50;font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.ofp-brief-editor{overflow:hidden;border:1px solid #dcd5e3;border-radius:7px;background:#fff;transition:border-color .18s,box-shadow .18s}
.ofp-brief-editor:focus-within{border-color:#8067a4;box-shadow:0 0 0 3px rgba(102,80,143,.11)}
.ofp-brief-editor>.ofp-label{margin:0;padding:14px 15px 0}
.ofp-brief-text,.ofp-refine-controls textarea{width:100%;display:block;border:1px solid #dcd5e3;border-radius:6px;background:#fff;color:#3e3748;font:400 13px/1.65 var(--ofp-font);resize:vertical;transition:border-color .18s,box-shadow .18s}
.ofp-brief-text{min-height:190px;padding:8px 15px 15px;border:0;border-radius:0;background:transparent}
.ofp-brief-text:focus,.ofp-refine-controls textarea:focus{border-color:#8067a4;outline:0;box-shadow:none}
.ofp-brief-text::placeholder,.ofp-refine-controls textarea::placeholder{color:#a29aaa}
.ofp-refine{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:16px;margin:0;padding:14px 15px;border-top:1px solid #e8e2ed;background:#f5f2f7}
.ofp-refine-copy .ofp-label{margin:0 0 4px}
.ofp-refine-copy p{margin:0;color:#817989;font-size:10px;line-height:1.55}
.ofp-refine-copy .ofp-refine-note{margin:0;color:#817989;font-size:10px;line-height:1.55}
.ofp-refine-controls{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}
.ofp-refine-controls textarea{min-height:60px;padding:10px 11px;border-color:#dcd5e3;border-radius:5px;background:#fff;font-size:11px}
.ofp-refine-controls .ofp-button{min-height:40px;white-space:nowrap}
.ofp-page .ofp-brief-editor .ofp-refine-controls button.ofp-button--quiet{min-height:40px;padding:9px 14px;border:1px solid #ded7e7;border-radius:5px;background:#fff;color:var(--ofp-deep)!important;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}
.ofp-page .ofp-brief-editor .ofp-refine-controls button.ofp-button--quiet:hover:not(:disabled){background:#f5f1f8;color:var(--ofp-deep)!important}
.ofp-brief-status{min-height:17px;margin:12px 0 0;color:#746c7c;font-size:10px}
.ofp-brief-status.is-error{color:#a64e48}
.ofp-send-note{margin:7px 0 0;padding:12px 13px;border-left:3px solid #d5c8e2;background:#f8f5fa;color:#71697a;font-size:10px;line-height:1.55}
.ofp-send-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.ofp-send-status{color:#746c7c;font-size:11px}

.ofp-success{max-width:760px;margin:28px auto 0;padding:clamp(28px,5vw,50px);text-align:center}
.ofp-success-mark{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 17px;border-radius:50%;background:#e8f2ee;color:#39755d;font-size:18px}
.ofp-success h2{margin:0 auto!important}
.ofp-success>p:not(.ofp-eyebrow){max-width:540px;margin:12px auto 20px;color:var(--ofp-body);font-size:13px}
.ofp-global-status{min-height:18px;margin:16px 0 0;color:#746c7c;text-align:center;font-size:11px}

.ofp-dialog{width:min(850px,calc(100vw - 30px));max-width:none;max-height:min(86dvh,850px);margin:auto;padding:clamp(19px,4vw,30px);overflow:auto;border:1px solid #ded7e7;border-radius:12px;background:#fffdfa;color:var(--ofp-ink);box-shadow:0 22px 70px rgba(31,35,44,.28)}
.ofp-dialog::backdrop{background:rgba(34,31,42,.58)}
.ofp-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ofp-dialog-head h2{margin:0!important;color:var(--ofp-ink)!important;font:600 24px/1.15 var(--ofp-display)!important;letter-spacing:-.7px!important}
.ofp-dialog-head p:not(.ofp-eyebrow){margin:7px 0 0;color:#746c7c;font-size:11px}
.ofp-icon-button{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #e2dce8;border-radius:50%;background:#fff;color:#61556f;cursor:pointer}
.ofp-auth-dialog{width:min(480px,calc(100vw - 30px))}
.ofp-auth-dialog>p{color:#746c7c;font-size:12px;line-height:1.6}
.ofp-auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ofp-auth-disclaimer{margin-bottom:0;color:#8a8290!important;font-size:10px!important}

.ofp-footer-wrap .homepage-footer{flex:none;margin-top:0!important;padding:24px 20px;background:transparent;color:#817989!important;text-align:center;font:400 11px/1.5 var(--ofp-font)!important}
.ofp-footer-wrap .homepage-footer a{color:#746c7c!important;text-decoration:none}
.ofp-footer-wrap .homepage-footer a:hover{color:var(--ofp-purple)!important}

@media(max-width:900px){
  .ofp-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
}
@media(max-width:620px){
  .ofp-header{height:68px}
  .ofp-header__inner{width:calc(100% - 34px)}
  .ofp-brand{gap:9px}
  .ofp-brand img{width:102px;height:32px}
  .ofp-brand>span{height:22px}
  .ofp-brand b{font-size:14px}
  .ofp-header__back{font-size:10px}
  .ofp-main{padding:34px 17px 55px}
  .ofp-intro{margin-bottom:24px}
  .ofp-intro h1{font-size:clamp(31px,8.5vw,43px)!important;letter-spacing:-1.3px!important}
  .ofp-intro>p:last-child{font-size:13px}
  .ofp-project-form{padding:20px}
  .ofp-fields{grid-template-columns:1fr;gap:13px}
  .ofp-project-needs{margin-top:18px;padding-top:18px}
  .ofp-keyword-group{grid-template-columns:80px minmax(0,1fr);gap:5px 7px;padding:6px 0}
  .ofp-keyword-chip{min-height:24px;padding:3px 6px;font-size:9px}
  .ofp-project-actions{align-items:stretch;flex-direction:column}
  .ofp-project-actions .ofp-button{width:100%}
  .ofp-shortlist,.ofp-brief{margin-top:19px;padding:20px}
  .ofp-section-head{align-items:flex-start;flex-direction:column;gap:12px}
  .ofp-selection-count{align-self:flex-start}
  .ofp-shortlist-toolbar{align-items:flex-start;flex-direction:column}
  .ofp-shortlist-toolbar .ofp-button{width:100%}
  .ofp-slot-grid{grid-template-columns:1fr;gap:9px}
  .ofp-slot--empty,.ofp-slot-empty{min-height:235px}
  .ofp-refine{grid-template-columns:1fr;gap:12px;padding:12px}
  .ofp-brief-facts{grid-template-columns:1fr;margin-bottom:15px}
  .ofp-brief-fact{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 11px}
  .ofp-brief-fact+.ofp-brief-fact{border-top:1px solid #e7e1eb;border-left:0}
  .ofp-brief-fact dt{flex:0 0 44%;margin:0}
  .ofp-brief-fact dd{text-align:right}
  .ofp-brief-editor>.ofp-label{padding:12px 12px 0}
  .ofp-brief-text{min-height:170px;padding:8px 12px 12px}
  .ofp-refine-controls{grid-template-columns:1fr}
  .ofp-refine-controls .ofp-button{width:100%}
  .ofp-send-actions{align-items:stretch;flex-direction:column}
  .ofp-send-actions .ofp-button{width:100%}
}
@media(max-width:380px){
  .ofp-header__back{max-width:75px;text-align:right;line-height:1.3}
  .ofp-brand img{width:88px}
  .ofp-brand b{font-size:12px}
  .ofp-slot-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .ofp-page *,.ofp-page *::before,.ofp-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}