/* Fewlink frontend — driven by the admin brand colour (--brand r g b, --on-brand) */
body.fl-body{background:rgb(var(--brand)/.045);background-color:color-mix(in srgb,rgb(var(--brand)) 5%,#fff);color:#1f2328}
.fl-i{flex:none;display:inline-block;vertical-align:-3px}
.fl-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
@media(min-width:768px){.fl-wrap{padding:0 28px}}
.fl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:600;background:rgb(var(--brand));color:var(--on-brand);border:1px solid rgb(var(--brand));cursor:pointer;transition:filter .15s,transform .15s;text-decoration:none;white-space:nowrap}
.fl-btn:hover{filter:brightness(.95)}.fl-btn:active{transform:scale(.97)}
.fl-btn.ghost{background:#fff;color:#374151;border-color:#e5e7eb}
.fl-btn.ghost:hover{border-color:rgb(var(--brand));filter:none}

/* Header */
.fl-header{position:sticky;top:0;z-index:50;background:rgb(255 255 255/.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgb(0 0 0/.06)}
.fl-header-in{display:flex;align-items:center;gap:20px;height:64px}
.fl-logo{display:flex;align-items:center;font-weight:800;font-size:20px;color:#111;text-decoration:none;letter-spacing:-.02em;flex:none}
.fl-logo img{height:38px;width:auto;max-width:170px;object-fit:contain}
.fl-nav{display:none;gap:4px;margin-left:8px}
.fl-nav a{padding:8px 12px;border-radius:999px;font-size:14px;font-weight:500;color:#4b5563;text-decoration:none;transition:background .15s,color .15s}
.fl-nav a:hover{background:rgb(var(--brand)/.14);color:#111}
.fl-header-end{display:flex;align-items:center;gap:10px;margin-left:auto}
.fl-hsearch{display:none;position:relative}
.fl-hsearch input{width:230px;height:40px;border-radius:999px;border:1px solid #e5e7eb;background:#f8f8f6;padding:0 14px 0 38px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s,width .2s}
.fl-hsearch input:focus{border-color:rgb(var(--brand));box-shadow:0 0 0 3px rgb(var(--brand)/.2);width:280px;background:#fff}
.fl-hsearch .fl-i{position:absolute;left:13px;top:12px;color:#9ca3af}
.fl-cta-d{display:none}
.fl-burger{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#111;cursor:pointer}
.fl-drawer{display:none;border-top:1px solid rgb(0 0 0/.06);background:#fff;padding:14px 16px 18px}
.fl-drawer.open{display:block}
.fl-drawer form{position:relative;margin-bottom:10px}
.fl-drawer form input{width:100%;height:46px;border-radius:14px;border:1px solid #e5e7eb;background:#f8f8f6;padding:0 14px 0 42px;font-size:15px;outline:none}
.fl-drawer form input:focus{border-color:rgb(var(--brand));box-shadow:0 0 0 3px rgb(var(--brand)/.2)}
.fl-drawer form .fl-i{position:absolute;left:14px;top:14px;color:#9ca3af}
.fl-drawer nav a,.fl-drawer nav button{display:block;width:100%;text-align:left;padding:13px 6px;font-size:15px;font-weight:500;color:#1f2937;border-bottom:1px solid #f1f1ee;background:none;border-left:0;border-right:0;border-top:0;text-decoration:none;cursor:pointer}
.fl-drawer .fl-btn{width:100%;margin-top:14px;height:46px}
@media(min-width:900px){.fl-nav,.fl-hsearch,.fl-cta-d{display:flex}.fl-burger,.fl-drawer{display:none!important}}

/* Hero */
.fl-hero{position:relative;overflow:hidden;padding:34px 0 22px}
.fl-hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--brand)/.32),transparent);pointer-events:none}
.fl-hero:after{content:"";position:absolute;left:-120px;bottom:-200px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--brand)/.18),transparent);pointer-events:none}
.fl-hero-in{position:relative;z-index:1;max-width:760px}
.fl-hero h1{font-size:clamp(26px,5.4vw,46px);line-height:1.1;font-weight:800;letter-spacing:-.025em;color:#111;margin:0 0 10px}
.fl-hero p{font-size:clamp(14px,2.4vw,17px);color:#4b5563;margin:0 0 20px;line-height:1.55;max-width:600px}
.fl-search{display:flex;align-items:center;background:#fff;border:1px solid #e8e8e3;border-radius:999px;padding:5px 5px 5px 18px;box-shadow:0 8px 28px rgb(0 0 0/.06);transition:border-color .15s,box-shadow .15s}
.fl-search:focus-within{border-color:rgb(var(--brand));box-shadow:0 8px 28px rgb(0 0 0/.06),0 0 0 3px rgb(var(--brand)/.22)}
.fl-search .fl-i{color:#9ca3af;margin-right:8px}
.fl-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:44px;font-size:15px;color:#111}
.fl-search button{height:44px;padding:0 22px}

/* Chips */
.fl-chips{display:flex;gap:8px;overflow-x:auto;padding:16px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fl-chips::-webkit-scrollbar{display:none}
.fl-chip{flex:none;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:#374151;background:#fff;border:1px solid #e8e8e3;text-decoration:none;transition:all .15s;white-space:nowrap}
.fl-chip:hover{border-color:rgb(var(--brand));transform:translateY(-1px)}
.fl-chip.on{background:rgb(var(--brand));border-color:rgb(var(--brand));color:var(--on-brand)}

/* Section heads */
.fl-sec{padding:26px 0 6px}
.fl-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.fl-sec-head h2{font-size:clamp(19px,3.2vw,26px);font-weight:800;letter-spacing:-.02em;margin:0;color:#111}
.fl-sec-head p{margin:2px 0 0;font-size:13.5px;color:#6b7280}
.fl-arrows{display:none;gap:8px}
.fl-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#111;transition:all .15s}
.fl-arrow:hover{background:rgb(var(--brand));border-color:rgb(var(--brand));color:var(--on-brand)}
@media(min-width:768px){.fl-arrows{display:flex}}

/* Featured carousel */
.fl-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 16px 14px;margin:0 -16px;scroll-padding-left:16px;scrollbar-width:none;scroll-behavior:smooth}
.fl-rail::-webkit-scrollbar{display:none}
@media(min-width:768px){.fl-rail{gap:18px;padding:2px 28px 14px;margin:0 -28px;scroll-padding-left:28px}}
.fl-feat{flex:none;scroll-snap-align:start;width:min(78vw,300px);border-radius:24px;overflow:hidden;background:rgb(var(--brand));color:var(--on-brand);text-decoration:none;display:flex;flex-direction:column;box-shadow:0 10px 30px rgb(0 0 0/.1);transition:transform .2s,box-shadow .2s}
.fl-feat:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgb(0 0 0/.16)}
.fl-feat-img{aspect-ratio:4/3;overflow:hidden;background:#e5e7eb}
.fl-feat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.fl-feat:hover .fl-feat-img img{transform:scale(1.05)}
.fl-feat-cap{padding:14px 16px 16px}
.fl-feat-cap h3{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:inherit}
.fl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;opacity:.85}
.fl-meta span{display:inline-flex;align-items:center;gap:5px}
@media(min-width:768px){.fl-feat{width:320px}}
@media(min-width:1100px){.fl-feat{width:340px}}

/* Post cards: rows on mobile, tiles on desktop */
.fl-grid{display:grid;grid-template-columns:1fr;gap:0}
.fl-card{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgb(0 0 0/.07);text-decoration:none;color:inherit}
.fl-card-img{position:relative;flex:none;width:92px;height:92px;border-radius:18px;overflow:hidden;background:#e5e7eb}
.fl-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.fl-card-body{min-width:0;flex:1}
.fl-card h3{margin:0 0 5px;font-size:15.5px;font-weight:700;line-height:1.3;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fl-card:hover h3{color:rgb(var(--brand-dark))}
.fl-card p{display:none;margin:0 0 10px;font-size:13.5px;line-height:1.55;color:#6b7280}
.fl-card .fl-meta{font-size:12px;color:#6b7280;opacity:1}
.fl-tag{position:absolute;left:8px;top:8px;display:none;background:rgb(var(--brand));color:var(--on-brand);font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.fl-tag-i{display:inline-block;background:rgb(var(--brand)/.2);color:#374151;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-right:2px}
@media(min-width:640px){
  .fl-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .fl-card{flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 2px 14px rgb(0 0 0/.05);transition:transform .2s,box-shadow .2s}
  .fl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgb(0 0 0/.11)}
  .fl-card-img{width:100%;height:auto;aspect-ratio:16/10;border-radius:0}
  .fl-card-img img{transition:transform .4s}.fl-card:hover .fl-card-img img{transform:scale(1.05)}
  .fl-card-body{padding:16px 18px 18px}
  .fl-card h3{font-size:16.5px;margin-bottom:8px}
  .fl-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fl-tag{display:inline-block}.fl-tag-i{display:none}
}
@media(min-width:1000px){.fl-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(min-width:1260px){.fl-grid{grid-template-columns:repeat(4,1fr)}}

.fl-empty{background:#fff;border-radius:22px;padding:42px 20px;text-align:center;box-shadow:0 2px 14px rgb(0 0 0/.05)}
.fl-empty h3{margin:0 0 6px;font-size:18px}.fl-empty p{margin:0 0 16px;color:#6b7280}

/* Pagination */
.fl-pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:34px 0 8px;flex-wrap:wrap}
.fl-pager a,.fl-pager span{min-width:40px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:600;background:#fff;border:1px solid #e8e8e3;color:#374151;text-decoration:none;transition:all .15s}
.fl-pager a:hover{border-color:rgb(var(--brand))}
.fl-pager .on{background:rgb(var(--brand));border-color:rgb(var(--brand));color:var(--on-brand)}
@media(max-width:560px){.fl-pager .num{display:none}}

/* Profile */
.fl-profile{display:flex;align-items:center;gap:18px;background:#fff;border-radius:24px;padding:20px;margin:26px 0 8px;box-shadow:0 2px 14px rgb(0 0 0/.05)}
.fl-profile img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.fl-profile h1{margin:0;font-size:22px;font-weight:800}.fl-profile p{margin:2px 0 0;font-size:13.5px;color:#6b7280}

/* Footer */
.fl-footer{margin-top:48px;background:#0f1115;color:#c7cad1;padding:46px 0 0;border-radius:30px 30px 0 0}
.fl-foot-grid{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:760px){.fl-foot-grid{grid-template-columns:1.4fr 1fr 1fr}}
.fl-footer .fl-logo{color:#fff;margin-bottom:12px}
.fl-footer p{font-size:14px;line-height:1.7;margin:0 0 16px;max-width:420px;color:#9aa0ab}
.fl-footer h4{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.fl-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fl-footer li a{color:#c7cad1;font-size:14px;text-decoration:none;transition:color .15s}
.fl-footer li a:hover{color:rgb(var(--brand))}
.fl-social{display:flex;gap:10px}
.fl-social a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255/.08);color:#fff;transition:all .15s}
.fl-social a:hover{background:rgb(var(--brand));color:var(--on-brand);transform:translateY(-2px)}
.fl-foot-bot{margin-top:34px;padding:18px 0 24px;border-top:1px solid rgb(255 255 255/.09);font-size:13px;color:#8a909b;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.fl-foot-bot a{color:#c7cad1}.fl-foot-bot a:hover{color:rgb(var(--brand))}