/* evreka.ai · PPWR · extra sections, loaded after ppwr.css on the Dutch, English and (since 3 Nov 2026) Turkish pages.
   Sections: forward-a-request line, annotated box photo, beyond-the-box cards, mistakes to avoid,
   "not our first EU regulation" block, photo captions, and a smaller cookie notice on phones. Same tokens as ppwr.css. */

/* ---------- forward a customer's request: the small step next to the call ---------- */
.forward{display:flex;gap:10px;align-items:flex-start;max-width:48ch;font-size:15px;line-height:1.5;color:var(--ink-2)}
.forward svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--green-ink)}
.forward a{color:var(--ink);font-weight:700;overflow-wrap:anywhere}
.cal-band .forward{max-width:none;margin-top:14px;color:var(--on-band-2)}
.cal-band .forward a{color:var(--on-band)}
.cal-band .forward svg{color:var(--green)}
.page-hero .forward{margin-top:2px}

/* ---------- annotated parcel ---------- */
.parcel{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(28px,4.2vw,64px);align-items:start}
.parcel-fig{margin:0;display:grid;gap:12px;position:sticky;top:104px}
.parcel-img{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#E8E3D4}
.parcel-img img{width:100%;height:auto;display:block}
.pin{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;
  font:600 14px/1 var(--mono);color:#fff;background:var(--green-ink);
  box-shadow:0 0 0 3px rgba(255,255,255,.92),0 6px 14px -4px rgba(22,33,58,.45)}
.pin.soon{background:var(--amber);color:var(--ink)}
.pin.na{background:var(--sheet);color:var(--ink-2);box-shadow:inset 0 0 0 2px var(--muted),0 0 0 3px rgba(255,255,255,.92),0 6px 14px -4px rgba(22,33,58,.35)}
.parcel-img .pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.parcel-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink-2)}
.parcel-legend span{display:inline-flex;align-items:center;gap:8px}
.parcel-legend i{width:12px;height:12px;border-radius:50%;background:var(--green-ink);flex:none}
.parcel-legend i.soon{background:var(--amber)}
.parcel-legend i.na{background:var(--sheet);box-shadow:inset 0 0 0 2px var(--muted)}
.parcel-key{display:grid;border-top:1px solid var(--ink)}
.parcel-key li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding-block:16px;border-bottom:1px solid var(--line)}
.parcel-key .when{font:500 11.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green-ink)}
.parcel-key .soon .when{color:var(--amber-ink)}
.parcel-key .na .when{color:var(--muted)}
.parcel-key h3{font-weight:700;font-size:17.5px;line-height:1.35;letter-spacing:-.01em;margin-top:3px}
.parcel-key p{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin-top:4px}
.parcel-key .ref{font:400 12px/1.45 var(--mono);color:var(--muted);margin-top:6px}
@media (max-width:900px){.parcel{grid-template-columns:1fr}.parcel-fig{position:static}}
@media (max-width:480px){.pin{width:26px;height:26px;font-size:12.5px}.parcel-key li{grid-template-columns:26px minmax(0,1fr);gap:12px}}

/* article pages: the parcel sits inside the text column */
.prose .parcel,.prose .parcel-wide{max-width:none}
.parcel.stacked{grid-template-columns:1fr}
.parcel.stacked .parcel-fig{position:static}

/* ---------- beyond the box ---------- */
.beyond{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr);gap:clamp(16px,2.4vw,28px);margin-top:clamp(36px,5vw,64px);align-items:stretch}
.beyond-h{grid-column:1/-1;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.beyond-card{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:8px;align-content:start}
.beyond-card h3{font-weight:700;font-size:18px;line-height:1.35;letter-spacing:-.012em}
.beyond-card p{color:var(--ink-2);font-size:15.5px;line-height:1.55}
.beyond-card .ref{font:400 12px/1.45 var(--mono);color:var(--muted)}
.photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}
.photo img{width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
.prose .photo,.photo.inline{grid-template-rows:auto auto;margin-block:22px}
.prose .photo img,.photo.inline img{height:auto;min-height:0;aspect-ratio:16/9}
.photo .cap{text-align:right}
@media (max-width:980px){.beyond{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.beyond .photo{grid-column:1/-1}.beyond .photo img{aspect-ratio:16/9;height:auto}}
@media (max-width:640px){.beyond{grid-template-columns:1fr}}

/* ---------- mistakes to avoid ---------- */
.mistakes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.mistakes.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mistake{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:10px;align-content:start}
.mistake h3{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-weight:700;font-size:17px;line-height:1.38;letter-spacing:-.01em}
.mistake h3::before{content:"\00D7";display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--red-soft);color:var(--red-ink);font:700 16px/1 var(--font)}
.mistake p{color:var(--ink-2);font-size:15.5px;line-height:1.55;padding-left:32px}
.mistake p b{color:var(--green-ink);font-weight:700}
.mistake .ref{font:400 12px/1.45 var(--mono);color:var(--muted);padding-left:32px}
@media (max-width:980px){.mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mistakes,.mistakes.two{grid-template-columns:1fr}}

/* ---------- PPWR is not our first EU regulation ---------- */
.why{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.why-txt{display:grid;gap:14px;justify-items:start}
.why-txt p{color:var(--ink-2);max-width:58ch}
.why-txt .more{font-weight:700;font-size:15px;color:var(--green-ink);text-decoration:none}
.why-txt .more:hover{text-decoration:underline}
.why-forms{display:flex;flex-wrap:wrap;gap:8px}
.why-forms span{font:500 12px/1 var(--mono);letter-spacing:.02em;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--sheet);color:var(--ink-2)}
.why .stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px;border-block:0;padding:0}
@media (max-width:900px){.why{grid-template-columns:1fr}}

/* ---------- meeting pages: forward line under the calendar ---------- */
.meet-cal .forward{margin-top:12px;max-width:none}

/* ---------- cookie notice: a thin bottom strip on phones so the first screen stays readable ----------
   Short sentence (cookieShort in ppwr.js), both buttons the same size side by side, edge to edge with the safe area. */
@media (max-width:760px){
  .cookie{left:0;right:0;bottom:0;max-width:none;border-radius:var(--r-s) var(--r-s) 0 0;border-left:0;border-right:0;border-bottom:0;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:8px;font-size:13px;line-height:1.4}
  .cookie-actions{flex-wrap:nowrap;gap:8px}
  .cookie .btn-sm{min-height:38px;padding:7px 12px;font-size:14px}
}