/* Studyshoot editorial blog template */
.ss-blog-page {
  --ss-blog-primary: var(--primary, #0f766e);
  --ss-blog-primary-dark: var(--primary-dark, #115e59);
  --ss-blog-accent: var(--accent, #f59e0b);
  --ss-blog-ink: var(--text, #0f172a);
  --ss-blog-muted: var(--muted, #64748b);
  --ss-blog-border: var(--border, rgba(148,163,184,.2));
  --ss-blog-surface: var(--white, #fff);
  --ss-blog-bg: var(--bg-soft, #f8fafc);
  overflow: hidden;
  background: var(--ss-blog-bg);
  color: var(--ss-blog-ink);
  font-family: inherit;
}
.ss-blog-page *, .ss-blog-page *::before, .ss-blog-page *::after { box-sizing: border-box; }
.ss-blog-shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.ss-blog-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: linear-gradient(120deg,#0b4f4b 0%,#0f766e 53%,#16877b 100%); }
.ss-blog-hero::before { position:absolute; inset:0; z-index:-1; content:""; opacity:.22; background-image:radial-gradient(rgba(255,255,255,.52) .7px,transparent .7px); background-size:17px 17px; mask-image:linear-gradient(90deg,transparent 5%,#000 100%); }
.ss-blog-hero__inner { min-height:440px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:center; gap:42px; padding-block:58px 74px; }
.ss-blog-hero__copy { position:relative; z-index:2; max-width:720px; }
.ss-blog-eyebrow,.ss-blog-kicker { display:flex; align-items:center; gap:10px; margin:0 0 16px; color:#d4f4eb; font-size:.88rem; font-weight:750; }
.ss-blog-eyebrow__dot,.ss-blog-kicker span { width:9px; height:9px; border-radius:50%; background:var(--ss-blog-accent); box-shadow:0 0 0 5px rgba(245,158,11,.15); }
.ss-blog-hero h1 { max-width:700px; margin:0; color:#fff; font-size:clamp(2.2rem,5vw,4.15rem); font-weight:900; letter-spacing:-.045em; line-height:1.18; }
.ss-blog-hero__description { max-width:590px; margin:18px 0 27px; color:rgba(255,255,255,.82); font-size:clamp(1rem,1.5vw,1.15rem); line-height:1.9; }
.ss-blog-search { display:flex; align-items:center; min-height:62px; max-width:640px; padding:7px; gap:8px; border:1px solid rgba(255,255,255,.3); border-radius:18px; background:#fff; box-shadow:0 18px 50px rgba(3,35,33,.2); }
.ss-blog-search__icon { display:grid; place-items:center; width:42px; flex:0 0 42px; color:var(--ss-blog-primary); font-size:1.1rem; }
.ss-blog-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--ss-blog-ink); font:inherit; font-size:.97rem; }
.ss-blog-search input::placeholder { color:#94a3b8; }
.ss-blog-search__clear { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:0; border-radius:50%; background:#f1f5f9; color:#64748b; cursor:pointer; }
.ss-blog-search__submit { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:0 19px; border:0; border-radius:13px; background:var(--ss-blog-primary); color:#fff; font:inherit; font-weight:800; white-space:nowrap; cursor:pointer; transition:background .2s ease,transform .2s ease; }
.ss-blog-search__submit:hover { transform:translateY(-1px); background:var(--ss-blog-primary-dark); }
.ss-blog-hero__quick-links { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:17px; color:rgba(255,255,255,.66); font-size:.82rem; }
.ss-blog-hero__quick-links a,.ss-blog-hero__quick-links button { padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.38); background:none; color:#fff; font:inherit; text-decoration:none; cursor:pointer; transition:border-color .2s ease; }
.ss-blog-hero__quick-links a:hover,.ss-blog-hero__quick-links button:hover { border-color:var(--ss-blog-accent); }
.ss-blog-hero__visual { position:relative; display:grid; place-items:center; min-height:320px; }
.ss-blog-hero__orbit { position:absolute; border:1px solid rgba(255,255,255,.15); border-radius:50%; }
.ss-blog-hero__orbit--outer { width:335px; height:335px; }
.ss-blog-hero__orbit--inner { width:265px; height:265px; border-style:dashed; border-color:rgba(255,255,255,.18); }
.ss-blog-hero__visual-card { position:relative; z-index:1; width:min(278px,80%); min-height:280px; padding:27px 26px 21px; border:1px solid rgba(255,255,255,.34); border-radius:25px; background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.08)); box-shadow:0 28px 70px rgba(4,36,34,.25); backdrop-filter:blur(14px); transform:rotate(-4deg); }
.ss-blog-hero__visual-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:18px; border-radius:15px; background:var(--ss-blog-accent); color:#26332d; font-size:1.3rem; }
.ss-blog-hero__visual-label { color:#d2f1e9; font-size:.75rem; font-weight:750; }
.ss-blog-hero__visual-card strong { display:block; margin-top:8px; color:#fff; font-size:1.75rem; font-weight:900; line-height:1.35; }
.ss-blog-hero__visual-line { display:flex; align-items:flex-end; gap:7px; height:42px; margin-top:14px; }
.ss-blog-hero__visual-line span { width:12px; border-radius:5px 5px 2px 2px; background:rgba(255,255,255,.65); }
.ss-blog-hero__visual-line span:nth-child(1),.ss-blog-hero__visual-line span:nth-child(5) { height:17px; opacity:.55; }
.ss-blog-hero__visual-line span:nth-child(2),.ss-blog-hero__visual-line span:nth-child(6) { height:27px; opacity:.75; }
.ss-blog-hero__visual-line span:nth-child(3) { height:38px; background:var(--ss-blog-accent); }
.ss-blog-hero__visual-line span:nth-child(4) { height:32px; }
.ss-blog-hero__visual-line span:nth-child(7) { height:22px; opacity:.8; }
.ss-blog-hero__visual-foot { display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:13px; border-top:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.8); font-size:.75rem; }
.ss-blog-hero__visual-foot span { display:flex; align-items:center; gap:7px; }
.ss-blog-hero__visual-foot > i { color:var(--ss-blog-accent); }
.ss-blog-float { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; padding:11px 14px; border:1px solid rgba(255,255,255,.55); border-radius:14px; background:#fff; color:#334155; box-shadow:0 14px 35px rgba(2,38,36,.2); font-size:.78rem; font-weight:800; }
.ss-blog-float--top { top:33px; right:0; transform:rotate(4deg); }
.ss-blog-float--top i { color:var(--ss-blog-primary); font-size:1rem; }
.ss-blog-float--bottom { bottom:24px; left:0; transform:rotate(-3deg); }
.ss-blog-float__spark { color:#d98b00; font-size:1rem; }
.ss-blog-hero__glow { position:absolute; z-index:-1; width:330px; aspect-ratio:1; border-radius:50%; background:rgba(41,184,153,.17); filter:blur(5px); }
.ss-blog-hero__glow--one { top:-220px; left:23%; }
.ss-blog-hero__glow--two { right:-190px; bottom:-235px; width:450px; background:rgba(245,158,11,.11); }
.ss-blog-hero__bottom { position:absolute; right:-3%; bottom:-39px; left:-3%; height:76px; border-radius:50% 50% 0 0 / 55% 55% 0 0; background:var(--ss-blog-bg); }
.ss-blog-content { padding-block:53px 76px; }
.ss-blog-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:22px; }
.ss-blog-kicker { margin-bottom:8px; color:var(--ss-blog-primary); font-size:.78rem; letter-spacing:.02em; }
.ss-blog-section-heading h2 { margin:0; color:var(--ss-blog-ink); font-size:clamp(1.5rem,2.8vw,2.1rem); font-weight:900; letter-spacing:-.025em; }
.ss-blog-results-count { display:flex; align-items:center; gap:7px; padding:10px 14px; border:1px solid var(--ss-blog-border); border-radius:999px; background:#fff; color:var(--ss-blog-muted); font-size:.84rem; white-space:nowrap; }
.ss-blog-results-count span { color:var(--ss-blog-primary); font-size:1rem; font-weight:900; }
.ss-blog-topics { display:flex; gap:9px; overflow-x:auto; padding:3px 1px 15px; margin-bottom:10px; scrollbar-width:thin; scrollbar-color:rgba(15,118,110,.25) transparent; }
.ss-blog-topic { display:inline-flex; align-items:center; gap:9px; flex:0 0 auto; padding:10px 14px; border:1px solid var(--ss-blog-border); border-radius:999px; background:#fff; color:#475569; font-family:inherit; text-decoration:none; font-size:.83rem; font-weight:750; cursor:pointer; transition:all .2s ease; }
.ss-blog-topic span { display:grid; place-items:center; min-width:22px; height:22px; padding-inline:5px; border-radius:999px; background:#f1f5f9; color:#64748b; font-size:.7rem; }
.ss-blog-topic:hover,.ss-blog-topic.is-active { border-color:var(--ss-blog-primary); background:var(--ss-blog-primary); color:#fff; box-shadow:0 8px 18px rgba(15,118,110,.16); }
.ss-blog-topic:hover span,.ss-blog-topic.is-active span { background:rgba(255,255,255,.17); color:#fff; }
.ss-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.ss-blog-featured { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); min-height:335px; margin-bottom:3px; overflow:hidden; border:1px solid var(--ss-blog-border); border-radius:24px; background:#fff; box-shadow:0 14px 40px rgba(15,23,42,.055); }
.ss-blog-featured__image,.ss-blog-card__image { position:relative; display:block; overflow:hidden; background:linear-gradient(135deg,#d7ede7,#eef6f3); }
.ss-blog-featured__image { min-height:330px; }
.ss-blog-featured__image img,.ss-blog-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.75,.25,1); }
.ss-blog-featured:hover .ss-blog-featured__image img,.ss-blog-card:hover .ss-blog-card__image img { transform:scale(1.045); }
.ss-blog-image-shade { position:absolute; inset:45% 0 0; background:linear-gradient(0deg,rgba(5,40,38,.56),transparent); }
.ss-blog-featured__flag { position:absolute; top:18px; right:18px; display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border-radius:999px; background:var(--ss-blog-accent); color:#26332d; font-size:.77rem; font-weight:850; }
.ss-blog-image-fallback { display:grid; place-items:center; width:100%; height:100%; min-height:210px; background:radial-gradient(circle at 72% 25%,rgba(245,158,11,.35),transparent 28%),linear-gradient(135deg,#dff1eb,#b6ded3); color:var(--ss-blog-primary); font-size:3.4rem; }
.ss-blog-featured__body { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(24px,4vw,48px); }
.ss-blog-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; color:var(--ss-blog-muted); font-size:.76rem; }
.ss-blog-card-meta > span:not(.ss-blog-type) { display:inline-flex; align-items:center; gap:6px; }
.ss-blog-type { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:rgba(15,118,110,.09); color:var(--ss-blog-primary); font-size:.72rem; font-weight:800; }
.ss-blog-featured h3 { max-width:640px; margin:15px 0 11px; color:var(--ss-blog-ink); font-size:clamp(1.4rem,2.4vw,2rem); font-weight:900; line-height:1.55; }
.ss-blog-featured h3 a,.ss-blog-card h3 a { color:inherit; text-decoration:none; transition:color .2s ease; }
.ss-blog-featured h3 a:hover,.ss-blog-card h3 a:hover { color:var(--ss-blog-primary); }
.ss-blog-featured__body > p { max-width:600px; margin:0 0 21px; color:var(--ss-blog-muted); font-size:.94rem; line-height:1.95; }
.ss-blog-read-link { display:inline-flex; align-items:center; gap:9px; margin-top:auto; color:var(--ss-blog-primary); text-decoration:none; font-size:.88rem; font-weight:850; }
.ss-blog-read-link i { transition:transform .2s ease; }
.ss-blog-read-link:hover i { transform:translateX(-4px); }
.ss-blog-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--ss-blog-border); border-radius:20px; background:#fff; box-shadow:0 9px 28px rgba(15,23,42,.045); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.ss-blog-motion-ready [data-blog-card] { opacity:0; transform:translateY(16px); transition:opacity .45s ease,transform .45s ease; }
.ss-blog-motion-ready [data-blog-card].is-in-view { opacity:1; transform:translateY(0); }
.ss-blog-motion-ready [data-blog-card].is-in-view:hover { transform:translateY(-5px); }
.ss-blog-card:hover { transform:translateY(-5px); border-color:rgba(15,118,110,.32); box-shadow:0 18px 42px rgba(15,23,42,.1); }
.ss-blog-card__image { aspect-ratio:1.66; min-height:170px; }
.ss-blog-card__image-icon { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.6); border-radius:50%; background:rgba(255,255,255,.92); color:var(--ss-blog-primary); opacity:0; transform:translateY(5px); transition:all .2s ease; }
.ss-blog-card:hover .ss-blog-card__image-icon { opacity:1; transform:translateY(0); }
.ss-blog-card__body { display:flex; flex:1; flex-direction:column; padding:19px 20px 16px; }
.ss-blog-card h3 { margin:11px 0 8px; color:var(--ss-blog-ink); font-size:1.02rem; font-weight:850; line-height:1.65; }
.ss-blog-card__body > p { display:-webkit-box; overflow:hidden; margin:0 0 16px; color:var(--ss-blog-muted); font-size:.84rem; line-height:1.8; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.ss-blog-card__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:13px; border-top:1px solid #edf1f4; color:#8290a0; font-size:.75rem; }
.ss-blog-card__footer > span { display:inline-flex; align-items:center; gap:6px; }
.ss-blog-card__footer a { display:grid; place-items:center; width:33px; height:33px; border-radius:50%; background:#eef7f4; color:var(--ss-blog-primary); text-decoration:none; transition:all .2s ease; }
.ss-blog-card__footer a:hover { background:var(--ss-blog-primary); color:#fff; }
.ss-blog-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin-top:38px; }
.ss-blog-pagination .page-numbers { display:grid; place-items:center; min-width:42px; height:42px; padding:0 12px; border:1px solid var(--ss-blog-border); border-radius:13px; background:#fff; color:#475569; text-decoration:none; font-weight:750; transition:all .2s ease; }
.ss-blog-pagination .page-numbers.current,.ss-blog-pagination .page-numbers:hover { border-color:var(--ss-blog-primary); background:var(--ss-blog-primary); color:#fff; }
.ss-blog-pagination .page-numbers.dots { border-color:transparent; background:transparent; }
.ss-blog-empty { display:grid; justify-items:center; padding:70px 20px; border:1px dashed rgba(15,118,110,.28); border-radius:24px; background:rgba(255,255,255,.68); text-align:center; }
.ss-blog-empty__icon { display:grid; place-items:center; width:64px; height:64px; border-radius:20px; background:#e6f3ef; color:var(--ss-blog-primary); font-size:1.45rem; }
.ss-blog-empty h2 { margin:18px 0 6px; font-size:1.35rem; font-weight:900; }
.ss-blog-empty p { margin:0 0 20px; color:var(--ss-blog-muted); line-height:1.8; }
.ss-blog-empty > a,.ss-blog-empty > button { display:inline-flex; align-items:center; gap:9px; padding:11px 16px; border:0; border-radius:12px; background:var(--ss-blog-primary); color:#fff; font-family:inherit; text-decoration:none; font-weight:800; cursor:pointer; }
.ss-blog-load-more { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; min-height:66px; margin-top:30px; color:var(--ss-blog-muted); font-size:.86rem; }
.ss-blog-load-more[hidden] { display:none; }
.ss-blog-loader { display:none; width:21px; height:21px; border:2px solid rgba(15,118,110,.18); border-top-color:var(--ss-blog-primary); border-radius:50%; animation:ss-blog-spin .7s linear infinite; }
.ss-blog-load-more.is-loading .ss-blog-loader { display:block; }
.ss-blog-load-more button { padding:9px 14px; border:1px solid rgba(15,118,110,.2); border-radius:11px; background:#fff; color:var(--ss-blog-primary); font-family:inherit; font-size:.82rem; font-weight:800; cursor:pointer; }
.ss-blog-load-more button:hover { border-color:var(--ss-blog-primary); }
.ss-blog-load-more button:disabled { opacity:.6; cursor:wait; }
.ss-blog-load-more button[hidden] { display:none; }
@keyframes ss-blog-spin { to { transform:rotate(360deg); } }
.ss-blog-cta { padding:0 0 58px; }
.ss-blog-cta__inner { display:flex; align-items:center; gap:19px; padding:25px 30px; border:1px solid rgba(15,118,110,.13); border-radius:22px; background:linear-gradient(110deg,#e8f5f1,#f6faf8 65%,#fff8e8); }
.ss-blog-cta__icon { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border-radius:18px; background:var(--ss-blog-primary); color:#fff; font-size:1.4rem; box-shadow:0 10px 22px rgba(15,118,110,.2); }
.ss-blog-cta__inner > div:nth-child(2) { flex:1; }
.ss-blog-cta__inner p { margin:0 0 3px; color:var(--ss-blog-primary); font-size:.82rem; font-weight:800; }
.ss-blog-cta__inner h2 { margin:0; color:var(--ss-blog-ink); font-size:1.2rem; font-weight:900; }
.ss-blog-cta__inner > a { display:inline-flex; align-items:center; gap:12px; padding:13px 18px; border-radius:13px; background:var(--ss-blog-primary); color:#fff; text-decoration:none; font-size:.87rem; font-weight:850; transition:background .2s ease,transform .2s ease; }
.ss-blog-cta__inner > a:hover { transform:translateY(-2px); background:var(--ss-blog-primary-dark); }
@media (max-width: 900px) {
  .ss-blog-hero__inner { grid-template-columns:minmax(0,1fr) 270px; gap:10px; }
  .ss-blog-hero__visual { transform:scale(.88); }
  .ss-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
  .ss-blog-featured { min-height:300px; }
}
@media (max-width: 680px) {
  .ss-blog-shell { width:min(100% - 28px, 560px); }
  .ss-blog-hero__inner { display:block; min-height:auto; padding-block:47px 68px; }
  .ss-blog-hero h1 { font-size:clamp(2rem,9vw,3rem); }
  .ss-blog-hero__description { margin-block:13px 21px; font-size:.95rem; }
  .ss-blog-search { min-height:57px; gap:3px; border-radius:15px; }
  .ss-blog-search__icon { width:34px; flex-basis:34px; }
  .ss-blog-search input { font-size:.88rem; }
  .ss-blog-search__submit { min-height:43px; padding-inline:13px; gap:7px; font-size:.84rem; }
  .ss-blog-hero__visual { display:none; }
  .ss-blog-content { padding-block:37px 48px; }
  .ss-blog-section-heading { align-items:center; }
  .ss-blog-results-count { padding:8px 10px; font-size:.72rem; }
  .ss-blog-topics { margin-inline:-3px; }
  .ss-blog-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .ss-blog-featured { grid-template-columns:1fr; min-height:0; border-radius:20px; }
  .ss-blog-featured__image { min-height:210px; max-height:270px; }
  .ss-blog-featured__body { padding:21px 20px 23px; }
  .ss-blog-featured h3 { margin-top:12px; font-size:1.25rem; }
  .ss-blog-featured__body > p { margin-bottom:16px; font-size:.88rem; }
  .ss-blog-card { display:grid; grid-template-columns:112px minmax(0,1fr); min-height:143px; border-radius:16px; }
  .ss-blog-card__image { height:100%; min-height:143px; aspect-ratio:auto; }
  .ss-blog-card__image-icon { display:none; }
  .ss-blog-card__body { padding:13px 13px 11px; }
  .ss-blog-card-meta { gap:6px 8px; font-size:.66rem; }
  .ss-blog-type { padding:5px 7px; font-size:.64rem; }
  .ss-blog-card h3 { display:-webkit-box; overflow:hidden; margin:7px 0 4px; font-size:.87rem; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .ss-blog-card__body > p { display:none; }
  .ss-blog-card__footer { padding-top:8px; font-size:.67rem; }
  .ss-blog-card__footer a { width:27px; height:27px; }
  .ss-blog-cta { padding-bottom:36px; }
  .ss-blog-cta__inner { flex-wrap:wrap; gap:13px; padding:19px; border-radius:18px; }
  .ss-blog-cta__icon { width:47px; height:47px; flex-basis:47px; border-radius:14px; }
  .ss-blog-cta__inner > div:nth-child(2) { min-width:calc(100% - 65px); }
  .ss-blog-cta__inner h2 { font-size:1.03rem; }
  .ss-blog-cta__inner > a { width:100%; justify-content:center; }
}
@media (max-width: 370px) {
  .ss-blog-shell { width:calc(100% - 22px); }
  .ss-blog-results-count { gap:4px; padding-inline:8px; }
  .ss-blog-card { grid-template-columns:96px minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .ss-blog-page *, .ss-blog-page *::before, .ss-blog-page *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}