/* Article CRO layer (cro-2026-09-27). Uses the site's own palette tokens; loaded per article
   only when a CRO plan rendered. Opening summary is a complete compact card (Oleg 2026-09-25):
   visible background + border, internal padding, rounded corners, text hierarchy, and an
   explicit layout gap between the affiliate CTA and the end-module jump button. */
#cro-editorial{scroll-margin-top:110px}
.cro-context,.cro-booking,.cro-summary,.cro-bridge{font-size:1rem;line-height:1.65}
.cro-context{margin:1.7rem 0}
.cro-context p{margin:.3rem 0}
.cro-eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sea,#35516B);margin:.2rem 0}
.cro-text{border-left:3px solid var(--brand,#A8421F);padding:.5rem 0 .5rem 1.1rem}
.cro-pitch{margin:.4rem 0}
.cro-facts{color:var(--ink-soft,#6B5842);font-size:.92rem;margin:.3rem 0 .6rem}
.cro-link{color:#fff!important;background:var(--brand,#A8421F);border-radius:6px;display:inline-block;padding:.7rem 1.05rem;line-height:1.35;text-decoration:none!important;font-weight:650;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;min-height:44px}
.cro-link:hover{background:var(--brand-deep,#7E3016)}
.cro-link:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sea,#35516B);outline-offset:4px}
.cro-text .cro-link,.cro-summary .cro-link,.cro-booking .cro-link,.cro-widget .cro-link{background:transparent;color:var(--brand,#A8421F)!important;padding:.25rem .2rem;min-height:0;text-decoration:underline!important;box-decoration-break:clone;display:inline-block}
.cro-context.cro-text .cro-link{background:transparent;color:var(--brand,#A8421F)!important}
.cro-summary{background:var(--surface-2,#FBF3DE);border:1px solid var(--line,#D9BE72);border-left:4px solid var(--brand,#A8421F);padding:1.1rem 1.25rem;border-radius:8px;margin:1.2rem 0 1.8rem}
.cro-summary p{margin:0 0 .55rem}
.cro-summary .cro-summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.65rem}
.cro-summary .cro-summary-actions .cro-link{background:var(--brand,#A8421F);color:#fff!important;padding:.7rem 1.05rem;min-height:44px;text-decoration:none!important;border-radius:6px}
.cro-summary .cro-summary-actions button{background:transparent;border:1px solid var(--sea,#35516B);color:var(--sea,#35516B);border-radius:6px;padding:.7rem 1.05rem;min-height:44px;font-weight:650;cursor:pointer}
.cro-summary .cro-summary-actions button:hover{background:var(--sea,#35516B);color:#fff}
@media (max-width:560px){.cro-summary .cro-summary-actions{flex-direction:column;align-items:stretch}.cro-summary .cro-summary-actions .cro-link,.cro-summary .cro-summary-actions button{text-align:center}}
.cro-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1.3rem;align-items:center;border-top:1px solid var(--line,#D9BE72);border-bottom:1px solid var(--line,#D9BE72);padding:1.1rem 0}
.cro-image figure{margin:0}
.cro-image img{width:100%;height:auto;border-radius:6px;display:block}
.cro-image figcaption{font-size:.8rem;color:var(--ink-soft,#6B5842);margin-top:.35rem}
@media (max-width:640px){.cro-image{grid-template-columns:1fr}}
.cro-widget{background:var(--surface-2,#FBF3DE);border:1px solid var(--line,#D9BE72);border-radius:8px;padding:1rem 1.2rem;margin:1.4rem 0}
.cro-widget .cro-provider{margin:.7rem 0}
.cro-widget label{display:block;font-weight:650;margin-bottom:.35rem}
.cro-widget input[type="date"]{display:block;margin-top:.3rem;padding:.55rem .7rem;border:1px solid var(--line,#D9BE72);border-radius:6px;background:#fff;font:inherit;max-width:100%}
.cro-schedule-status{font-size:.85rem;color:var(--ink-soft,#6B5842);margin:.45rem 0}
.cro-booking{margin:2.2rem 0 1rem;padding:1.4rem 1.4rem 1.2rem;border:2px solid var(--sea,#35516B);border-radius:10px;background:var(--surface-2,#FBF3DE)}
#cro-booking h2{margin:.2rem 0 .5rem;font-size:1.6rem;line-height:1.15}
.cro-booking .cro-widget{background:#fff;margin:0 0 1rem}
.cro-support{margin-top:.6rem}
.cro-support summary{cursor:pointer;font-weight:700;color:var(--sea-deep,#253B4F);padding:.5rem 0}
.cro-support-inner{padding:.4rem .2rem .6rem}
.cro-support label{display:block;margin:.6rem 0;font-weight:650}
.cro-support select,.cro-support input{display:block;margin-top:.3rem;padding:.55rem .7rem;border:1px solid var(--line,#D9BE72);border-radius:6px;background:var(--surface-2,#FBF3DE);font:inherit;max-width:100%}
.cro-support button{margin-top:.6rem;background:transparent;border:1px solid var(--sea,#35516B);color:var(--sea,#35516B);border-radius:6px;padding:.5rem .9rem;min-height:44px;font-weight:650;cursor:pointer}
.cro-match-note[role="status"]{font-size:.92rem;color:var(--ink-soft,#6B5842);background:var(--paper,#F0DDA0);border-radius:6px;padding:.5rem .7rem}
.cro-alternatives{margin-top:.8rem;border-top:1px dashed var(--line,#D9BE72);padding-top:.6rem}
.cro-alternatives p{margin:.4rem 0;font-size:.95rem}
.cro-calculator{margin-top:.9rem;border-top:1px dashed var(--line,#D9BE72);padding-top:.6rem}
.cro-calculator h3{margin:.2rem 0 .3rem;font-size:1.05rem}
.cro-calculator output{display:block;margin:.6rem 0;font-weight:650}
.cro-floating{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.9rem;background:var(--sea-deep,#253B4F);color:#fff;padding:.7rem 1rem;box-shadow:0 -4px 14px rgba(42,29,20,.25);transform:translateY(0);transition:transform .25s ease}
.cro-floating[hidden]{display:none}
.cro-floating div{flex:1 1 auto;min-width:0}
.cro-floating [data-float-title]{display:block;font-size:.92rem;font-weight:700;margin-bottom:.25rem}
.cro-floating .cro-link{background:var(--brand,#A8421F);color:#fff!important;white-space:nowrap;flex:0 0 auto}
.cro-floating .cro-link:hover{background:var(--brand-deep,#7E3016)}
.cro-floating [data-dismiss]{background:transparent;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:.4rem .5rem;flex:0 0 auto}
@media (max-width:767px){.cro-floating .cro-link{white-space:normal}}
@media (max-width:767px){.cro-floating{left:.6rem;right:.6rem;bottom:.6rem;border-radius:10px;flex-wrap:wrap;padding:.8rem .9rem;max-width:calc(100vw - 1.2rem)}}
@media (prefers-reduced-motion:reduce){.cro-floating{transition:none}}
dialog#cro-exit{border:2px solid var(--sea,#35516B);border-radius:10px;padding:1.4rem;max-width:26rem;width:calc(100vw - 2rem);background:var(--surface-2,#FBF3DE)}
dialog#cro-exit::backdrop{background:rgba(42,29,20,.55)}
dialog#cro-exit h2{font-size:1.25rem;margin:.2rem 0 .5rem}
dialog#cro-exit [data-exit-close]{position:absolute;top:.4rem;right:.5rem;background:transparent;border:0;font-size:1.5rem;cursor:pointer;color:var(--ink,#2A1D14);padding:.3rem}
dialog#cro-exit .cro-link{background:var(--brand,#A8421F);color:#fff!important;margin-top:.8rem}