/* FestiFit Pro 1.1 — professional, lightweight, no framework. */
:root{--ffp-header:rgba(8,35,68,.94);--ffp-header-solid:#082344;--ffp-accent:#C05530;--ffp-accent-dark:#9c4225;--ffp-footer:#082344;--ffp-text:#2b2f36;--ffp-muted:#6b7280;--ffp-border:#e7e9ee;--ffp-bg:#fff;--ffp-soft:#f5f7fa;--ffp-radius:12px;--ffp-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 16px rgba(16,24,40,.07);--ffp-shadow-lg:0 2px 4px rgba(16,24,40,.08),0 12px 32px rgba(16,24,40,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ffp-text);background:var(--ffp-bg);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:#334862;text-decoration:none;transition:color .15s ease}a:hover{color:var(--ffp-accent-dark)}
::selection{background:var(--ffp-accent);color:#fff}
:focus-visible{outline:2px solid var(--ffp-accent);outline-offset:2px;border-radius:4px}
button{font-family:inherit}
.container{max-width:1170px;margin:0 auto;padding:0 15px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip-link:focus{position:static;width:auto;height:auto;clip:auto;background:#000;color:#fff;padding:8px}
/* ---------- Header ---------- */
.ffp-header{background:var(--ffp-header);color:#fff;position:sticky;top:0;z-index:50;backdrop-filter:blur(6px);box-shadow:0 2px 12px rgba(0,0,0,.18)}
.ffp-header-inner{display:flex;align-items:center;gap:22px;min-height:70px}
.ffp-logo-text{color:#fff;font-weight:900;font-size:27px;letter-spacing:.5px}
.ffp-logo img{max-height:50px;width:auto;display:block}
.ffp-nav{flex:1;min-width:0}.ffp-menu{display:flex;flex-wrap:wrap;gap:2px 4px;list-style:none;margin:0;padding:0}
.ffp-menu a{color:#fff;font-weight:700;font-size:14.5px;padding:10px 11px;display:block;opacity:.92;border-radius:7px;position:relative;transition:background .15s,opacity .15s}
.ffp-menu a:hover,.ffp-menu .current-menu-item>a{opacity:1;background:rgba(255,255,255,.12);text-decoration:none;color:#fff}
.ffp-header-actions{margin-left:auto;display:flex;gap:9px;align-items:center}
.ffp-search-toggle,.ffp-menu-toggle{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:39px;height:39px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}
.ffp-search-toggle:hover,.ffp-menu-toggle:hover{background:var(--ffp-accent);border-color:var(--ffp-accent)}
.ffp-search-toggle:active,.ffp-menu-toggle:active{transform:scale(.93)}
.ffp-search-toggle svg,.ffp-menu-toggle svg{width:18px;height:18px}
.ffp-searchbar{padding:0 15px;max-height:0;overflow:hidden;transition:max-height .2s ease}
.ffp-searchbar:not([hidden]){max-height:90px;padding-bottom:13px}
.ffp-searchbar form{display:flex;gap:8px}
.ffp-searchbar input{flex:1;padding:11px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.96);font-size:15px}
.ffp-searchbar button{background:var(--ffp-accent);color:#fff;border:0;border-radius:9px;padding:0 20px;cursor:pointer;font-weight:700}
.ffp-searchbar button:hover{background:var(--ffp-accent-dark)}
.ffp-mobile-menu{padding:0 15px 14px}
.ffp-menu-mobile{list-style:none;margin:0;padding:6px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--ffp-shadow-lg)}
.ffp-menu-mobile a{display:block;padding:11px 14px;color:#222;border-radius:8px;font-weight:700}
.ffp-menu-mobile a:hover{background:var(--ffp-soft);color:var(--ffp-accent-dark)}
/* ---------- Layout ---------- */
.ffp-layout{display:grid;gap:30px;padding:26px 15px;max-width:1170px;margin:0 auto}
.ffp-layout.has-sb{grid-template-columns:minmax(0,1fr) 300px}
.ffp-layout.no-sb{grid-template-columns:minmax(0,1fr);max-width:900px}
.ffp-arch-title{font-size:27px;margin:6px 0 4px;letter-spacing:-.01em}.ffp-arch-desc{color:var(--ffp-muted);margin-bottom:14px}
/* ---------- Cards ---------- */
.ffp-list{display:flex;flex-direction:column}
.ffp-card{display:flex;gap:20px;background:#fff;border:1px solid var(--ffp-border);border-radius:var(--ffp-radius);padding:16px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:var(--ffp-shadow);transition:transform .18s ease,box-shadow .18s ease}
.ffp-card:hover{transform:translateY(-2px);box-shadow:var(--ffp-shadow-lg)}
.ffp-card-media{flex:0 0 40%;max-width:300px;position:relative;display:block;border-radius:9px;overflow:hidden;background:var(--ffp-soft);align-self:flex-start}
.ffp-card-media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9;transition:transform .3s ease}
.ffp-card:hover .ffp-card-media img{transform:scale(1.04)}
.ffp-card-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;color:#c3c9d4}
.ffp-card-ph svg{width:34px;height:34px}
.ffp-date-badge{position:absolute;top:10px;left:10px;background:#fff;border:1px solid var(--ffp-border);box-shadow:var(--ffp-shadow);color:#333;border-radius:9px;text-align:center;line-height:1.15;padding:5px 10px;font-size:12px}
.ffp-date-badge strong{display:block;font-size:17px}.ffp-date-badge small{text-transform:uppercase;color:var(--ffp-muted);letter-spacing:.04em}
.ffp-card-cat{margin:0 0 4px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ffp-card-cat a{color:var(--ffp-accent)}.ffp-card-cat a:hover{color:var(--ffp-accent-dark)}
.ffp-card-body{flex:1;min-width:0}
.ffp-card-title{font-size:19.5px;margin:0 0 6px;line-height:1.42;letter-spacing:-.005em}.ffp-card-title a{color:#16191f}.ffp-card-title a:hover{color:var(--ffp-accent-dark)}
.ffp-divider{border:0;border-top:2px solid #eef0f4;margin:9px 0;max-width:56px}
.ffp-card-ex{color:#5b6472;margin:0;font-size:15px}
/* ---------- Single ---------- */
.ffp-kicker{margin:0 0 2px}.ffp-kicker a{background:var(--ffp-soft);border:1px solid var(--ffp-border);border-radius:20px;padding:3px 13px;font-size:12.5px;font-weight:700;margin-right:6px;text-transform:uppercase;letter-spacing:.05em}
.ffp-kicker a:hover{border-color:var(--ffp-accent);color:var(--ffp-accent-dark)}
.ffp-post-title{font-size:31px;line-height:1.28;margin:10px 0 8px;letter-spacing:-.015em;color:#11161d}
.ffp-meta{color:var(--ffp-muted);font-size:13.5px;margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.ffp-meta-item{display:inline-flex;align-items:center;gap:5px}
.ffp-meta-item svg{width:14px;height:14px;opacity:.75}
.ffp-meta-sep{opacity:.5}
.ffp-featured{margin:16px 0}.ffp-featured img{border-radius:var(--ffp-radius);box-shadow:var(--ffp-shadow)}
.ffp-featured figcaption{font-size:13px;color:var(--ffp-muted);text-align:center;margin-top:6px}
.ffp-crumbs{font-size:13px;color:var(--ffp-muted);margin-bottom:10px;background:var(--ffp-soft);border:1px solid var(--ffp-border);border-radius:9px;padding:7px 13px;display:inline-block;max-width:100%}
/* GEO boxes */
.ffp-tldr{background:#fffdf3;border:1px solid #ecd97e;border-left:5px solid #d99a00;border-radius:10px;padding:13px 17px;margin:18px 0;box-shadow:var(--ffp-shadow)}
.ffp-tldr-title{font-weight:900;margin:0 0 4px;display:flex;align-items:center;gap:7px;color:#8a5f00}
.ffp-tldr-title svg{width:17px;height:17px}
.ffp-tldr p:last-child{margin:0}
.ffp-answer{background:var(--ffp-soft);border-left:4px solid var(--ffp-accent);padding:11px 15px;border-radius:0 10px 10px 0;font-size:17px}
.ffp-toc{background:#fff;border:1px solid var(--ffp-border);border-radius:10px;padding:13px 19px;margin:18px 0;box-shadow:var(--ffp-shadow)}
.ffp-toc-title{font-weight:900;margin:0 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--ffp-header-solid)}
.ffp-toc ol{margin:0;padding-left:20px}.ffp-toc li{margin:3px 0}.ffp-toc-h3{margin-left:14px}
/* ---------- Content ---------- */
.ffp-content{font-size:17px;overflow-wrap:break-word}
.ffp-content h2{font-size:24px;margin-top:32px;border-bottom:2px solid #eef0f4;padding-bottom:7px;letter-spacing:-.01em;color:#131922;scroll-margin-top:90px}
.ffp-content h3{font-size:20px;margin-top:26px;color:#131922;scroll-margin-top:90px}
.ffp-content blockquote{background:#fafbfc;border:1px solid var(--ffp-border);border-left:4px solid var(--ffp-accent);margin:16px 0;padding:14px 64px 14px 18px;border-radius:0 10px 10px 0;position:relative;font-size:16.5px}
.ffp-content img{border-radius:9px}
.ffp-content a{text-decoration:underline;text-underline-offset:2px}
/* Quote actions — inline at the right, no extra line */
.ffp-quote-actions{position:absolute;top:9px;right:9px;display:flex;gap:6px}
.ffp-quote-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;border:1px solid var(--ffp-border);background:#fff;border-radius:20px;padding:4px 11px 4px 9px;cursor:pointer;color:#3c4450;box-shadow:var(--ffp-shadow);transition:background .15s,color .15s,transform .1s}
.ffp-quote-btn svg{width:13px;height:13px}
.ffp-quote-btn:hover{background:var(--ffp-header-solid);border-color:var(--ffp-header-solid);color:#fff}
.ffp-quote-btn:active{transform:scale(.94)}
.ffp-quote-btn.ffp-qshare{background:var(--ffp-header-solid);border-color:var(--ffp-header-solid);color:#fff}
.ffp-quote-btn.ffp-qshare:hover{background:var(--ffp-accent);border-color:var(--ffp-accent)}
@media(hover:hover){.ffp-quote-actions{opacity:0;transition:opacity .18s}.ffp-content blockquote:hover .ffp-quote-actions,.ffp-content blockquote:focus-within .ffp-quote-actions{opacity:1}}
/* ---------- FAQ ---------- */
.ffp-faq{margin:28px 0}.ffp-faq>h2{font-size:22px}
.ffp-faq-item{border:1px solid var(--ffp-border);border-radius:10px;margin-bottom:10px;background:#fff;box-shadow:var(--ffp-shadow);overflow:hidden}
.ffp-faq-item summary{cursor:pointer;padding:13px 17px;font-weight:700;list-style:none}
.ffp-faq-item summary::-webkit-details-marker{display:none}
.ffp-faq-item summary::after{content:"+";float:right;color:var(--ffp-accent);font-weight:900}
.ffp-faq-item[open] summary::after{content:"–"}
.ffp-faq-item p{padding:0 17px 15px;margin:0;color:#4b5563}
/* ---------- Share ---------- */
.ffp-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0;background:var(--ffp-soft);border:1px solid var(--ffp-border);border-radius:12px;padding:10px 13px}
.ffp-share-label{font-weight:900;display:inline-flex;align-items:center;gap:6px;margin-right:2px;color:var(--ffp-header-solid)}
.ffp-share-label svg{width:16px;height:16px}
.ffp-sh{display:inline-flex;align-items:center;gap:7px;border-radius:24px;padding:7px 15px;font-size:13.5px;font-weight:800;border:0;cursor:pointer;color:#fff;transition:transform .12s,filter .15s}
.ffp-sh svg{width:15px;height:15px}
.ffp-sh:hover{filter:brightness(1.08)}.ffp-sh:active{transform:scale(.95)}
.ffp-sh.wa{background:#1faa55}.ffp-sh.fb{background:#1877F2}.ffp-sh.x{background:#14171a}.ffp-sh.tg{background:#229ED9}.ffp-sh.pin{background:#BD081C}
.ffp-sh.native{background:#fff;color:var(--ffp-header-solid);border:1.5px solid var(--ffp-header-solid)}
.ffp-sh.native:hover{background:var(--ffp-header-solid);color:#fff}
/* ---------- Author / prevnext / related / comments ---------- */
.ffp-author{display:flex;gap:15px;background:var(--ffp-soft);border:1px solid var(--ffp-border);border-radius:12px;padding:17px;margin:24px 0}
.ffp-author img{border-radius:50%;flex-shrink:0}
.ffp-author-name{font-weight:900;margin:0;font-size:17px}
.ffp-prevnext{display:flex;justify-content:space-between;gap:12px;margin:20px 0;font-weight:700;font-size:15px}
.ffp-prev,.ffp-next{background:#fff;border:1px solid var(--ffp-border);border-radius:10px;padding:9px 15px;max-width:48%;box-shadow:var(--ffp-shadow)}
.ffp-next{margin-left:auto;text-align:right}
.ffp-related h2{font-size:22px;letter-spacing:-.01em}
.ffp-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ffp-rel-card{display:block;border:1px solid var(--ffp-border);border-radius:10px;overflow:hidden;background:#fff;font-size:14px;font-weight:700;box-shadow:var(--ffp-shadow);transition:transform .18s,box-shadow .18s}
.ffp-rel-card:hover{transform:translateY(-3px);box-shadow:var(--ffp-shadow-lg)}
.ffp-rel-card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.ffp-rel-card span{display:block;padding:9px 12px}
.ffp-comment-list{list-style:none;padding:0}.ffp-comment-list li{border-bottom:1px solid #eef0f4;padding:13px 0}
.ffp-comments input,.ffp-comments textarea{border:1px solid var(--ffp-border);border-radius:9px;padding:10px 12px;width:100%;font:inherit}
.ffp-comments input[type=submit]{background:var(--ffp-accent);color:#fff;border:0;font-weight:800;cursor:pointer;width:auto;padding:11px 26px}
.ffp-comments input[type=submit]:hover{background:var(--ffp-accent-dark)}
/* ---------- Sidebar ---------- */
.ffp-sidebar{position:sticky;top:88px;align-self:start}
.ffp-widget{border:1px solid var(--ffp-border);border-radius:12px;padding:17px;margin-bottom:20px;background:#fff;box-shadow:var(--ffp-shadow)}
.ffp-widget-title{font-size:16px;margin:0 0 12px;padding-bottom:9px;border-bottom:2px solid var(--ffp-accent);text-transform:uppercase;letter-spacing:.05em}
.ffp-popular{list-style:none;margin:0;padding:0;counter-reset:pop}
.ffp-popular li{margin-bottom:11px;padding-bottom:11px;border-bottom:1px dashed #e5e7eb}
.ffp-popular li:last-child{border:0;margin:0;padding:0}
.ffp-popular a{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:600;color:#232a35}
.ffp-popular a:hover{color:var(--ffp-accent-dark)}
.ffp-pop-thumb img{width:58px;height:58px;object-fit:cover;border-radius:9px;flex-shrink:0}
.ffp-pop-empty{color:var(--ffp-muted);font-size:14px;margin:0}
/* ---------- Footer ---------- */
.ffp-footer{background:var(--ffp-footer);color:#dbe4f0;margin-top:24px}
.ffp-footer-inner{display:flex;flex-wrap:wrap;gap:20px;padding:28px 15px;align-items:center;justify-content:space-between}
.ffp-footer a{color:#fff}.ffp-menu-footer{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:14.5px;font-weight:600}
.ffp-menu-footer a{opacity:.85}.ffp-menu-footer a:hover{opacity:1}
.ffp-copy{background:rgba(0,0,0,.28);color:#cdd8e8;padding:13px 0;font-size:13.5px;text-align:center}
/* ---------- Pagination / ads / toast ---------- */
.page-numbers{display:inline-block;padding:7px 14px;border:1px solid var(--ffp-border);border-radius:8px;margin:2px;background:#fff;font-weight:700}
.page-numbers.current{background:var(--ffp-header-solid);color:#fff;border-color:var(--ffp-header-solid)}
.ffp-ad{margin:15px 0;text-align:center;overflow:hidden}
.ffp-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#141a23;color:#fff;font-size:14px;font-weight:700;padding:11px 22px;border-radius:30px;box-shadow:var(--ffp-shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999;display:flex;align-items:center;gap:8px}
.ffp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.ffp-toast svg{width:15px;height:15px;color:#4ade80}
/* ---------- Responsive ---------- */
.show-mobile{display:none}
@media(max-width:900px){.ffp-layout.has-sb{grid-template-columns:1fr}.ffp-sidebar{position:static}.ffp-rel-grid{grid-template-columns:1fr 1fr}.ffp-quote-actions{opacity:1}}
@media(max-width:640px){.hide-mobile{display:none}.show-mobile{display:inline-flex}.ffp-card{flex-direction:column}.ffp-card-media{flex:none;max-width:none}.ffp-post-title{font-size:25px}.ffp-prevnext{flex-direction:column}.ffp-prev,.ffp-next{max-width:none}.ffp-share-label{width:100%;margin-bottom:2px}}
@media print{.ffp-header,.ffp-sidebar,.ffp-share,.ffp-ad,.ffp-footer,.ffp-quote-actions{display:none}}