@font-face{font-family:Montserrat;src:url('/assets/fonts/veysel-sans-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;src:url('/assets/fonts/veysel-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.veysel-skip{position:fixed;left:16px;top:-100px;z-index:999999;background:#01236a;color:white;padding:14px 20px}
.veysel-skip:focus{top:12px;color:white}
#main-content:focus{outline:none}
.veysel-menu-open{overflow:hidden}
.mobile-main-navigation .dropdown-menu{display:none!important}
.mobile-main-navigation .dropdown-menu.active{display:block!important}
.mobile-main-navigation button.dropdown-btn{border:0;padding:0;width:48px;cursor:pointer}
.offcanvas_box_active:not(.active){visibility:hidden}
.offcanvas_box_active.active{visibility:visible}
.veysel-copy-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#01236a;color:#fff;border-radius:5px;z-index:10000;max-width:calc(100vw - 32px);font-size:14px;padding:12px 22px;text-align:center}
.veysel-copy-status:empty{display:none}.veysel-copy-field{position:fixed;left:-9999px}
.veysel-contact-placeholder strong,.veysel-contact-placeholder span span{display:block}
.veysel-contact-placeholder span span{font-size:14px;margin-top:4px}
.veysel-contact-purpose{margin-top:24px}.veysel-contact-purpose h3{font-size:18px}.veysel-contact-purpose li{line-height:1.8}
.veysel-author,.veysel-sources,.veysel-disclosure{max-width:68ch;margin:24px auto;line-height:1.8}
.veysel-author span::before{content:' · '}
.veysel-sources h2{font-size:24px}.veysel-sources a{overflow-wrap:anywhere;text-decoration:underline}
.veysel-reading{max-width:72ch;margin-inline:auto;line-height:1.8}
.veysel-reading h2{font-size:26px;margin-block:24px 16px}
.veysel-cv{padding-bottom:32px}
/*
  WCAG 2.2 — 2.5.8 Target Size (Minimum). The slider dots are drawn at 8px, which is
  the size the design intends and which stays unchanged: padding grows only the area
  that answers a pointer, and background-clip keeps the paint inside the original dot.
  24px of content box plus the gap also carries the neighbouring dots far enough apart
  that two targets never sit inside one 24px circle.
*/
.swiper-pagination-bullet{box-sizing:content-box;padding:8px;background-clip:content-box;background-origin:content-box}
.swiper-pagination-horizontal .swiper-pagination-bullet{margin-inline:4px}
.swiper-pagination-vertical .swiper-pagination-bullet{margin-block:4px}
/*
  The theme lays each list item out as a flex row, which suited a template where the
  item was an icon beside a line of text. Editorial prose writes a bold term followed
  by its explanation in one sentence, and under flex that bold term becomes a column of
  its own — the explanation then starts on a ragged second column instead of reading on.
  Inside written content the item goes back to being a line of text with a marker.
*/
.bs-blog-details-content ul,.veysel-reading ul{list-style:disc;padding-left:1.25em;margin-bottom:16px}
.bs-blog-details-content ul li,.veysel-reading ul li{display:list-item;gap:0;padding-left:0;line-height:1.8}
.bs-blog-details-content ul li::before,.veysel-reading ul li::before{content:none}
.bs-blog-details-content ul li>strong,.veysel-reading ul li>strong{display:inline;width:auto}
/*
  The one remaining link below the minimum target height sits alone on the closing line,
  so it already met the standard through its spacing. Giving it the height outright
  removes the need to rely on that exception, and the inline-block keeps the line as it was.
*/
.bs-footer-2-copyright a{display:inline-block;min-height:24px;padding-block:2px}
/* The line that introduces a focus area, set slightly larger than the prose it leads. */
.veysel-lead{font-size:18px;line-height:1.7;margin-bottom:20px}
.service-details-body h2{font-size:26px;margin-block:26px 14px}
.service-details-body ul{list-style:disc;padding-left:1.25em;margin-bottom:16px}
.service-details-body ul li{line-height:1.8}