.blog-page{display:grid;gap:1.15rem}.blog-hero{position:relative;overflow:hidden;padding:1.75rem 1.5rem;border-radius:18px;background:linear-gradient(135deg,#2c333d 0,#1a2332 55%,#0f172a 100%);color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.18)}.blog-hero::after{content:"";position:absolute;inset:auto -3rem -4rem auto;width:14rem;height:14rem;border-radius:50%;background:radial-gradient(circle,rgba(142,198,63,.35) 0,transparent 70%);pointer-events:none}.blog-hero--compact{padding:1.35rem 1.4rem}.blog-hero__inner{position:relative;z-index:1;max-width:44rem}.blog-hero__eyebrow{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-green)}.blog-hero__title{margin:0;font-size:clamp(1.6rem, 2.8vw, 2.15rem);line-height:1.15;font-weight:700;color:#fff}.blog-hero__lead{margin:.65rem 0 0;color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.55;max-width:38rem}.blog-hero__meta{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.85rem;font-size:.85rem;color:rgba(255,255,255,.72)}.blog-hero__meta a{color:#bbf7d0;text-decoration:none}.blog-hero__meta a:hover{text-decoration:underline}.blog-search{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;margin-bottom:1rem}.blog-search__input{flex:1 1 200px;min-width:160px;padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:8px}.blog-hero .blog-breadcrumb{margin-bottom:.65rem;color:rgba(255,255,255,.55)}.blog-hero .blog-breadcrumb a{color:rgba(255,255,255,.82)}.blog-hero .blog-breadcrumb a:hover{color:var(--brand-green)}.blog-layout{display:grid;grid-template-columns:minmax(14rem,17.5rem) minmax(0,1fr);gap:1rem;align-items:start}.blog-main{display:grid;gap:1rem;min-width:0}.blog-aside{position:sticky;top:1rem;padding:0;overflow:hidden}.blog-aside__head{padding:.9rem 1rem;background:var(--brand-dark);color:#fff}.blog-aside__title{margin:0;font-size:.92rem;font-weight:700;color:#fff}.blog-aside__nav{display:grid;gap:.12rem;padding:.55rem}.blog-aside__group{display:grid;gap:.08rem}.blog-aside__children{display:grid;gap:.08rem;margin-left:.55rem;padding-left:.55rem;border-left:2px solid rgba(15,23,42,.08)}.blog-aside__link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-radius:10px;color:#334155;text-decoration:none;font-size:.86rem;font-weight:600;line-height:1.35;transition:background .12s ease,color .12s ease}.blog-aside__link:hover{background:rgba(20,184,166,.08);color:var(--accent-strong);text-decoration:none}.blog-aside__link.is-active{background:rgba(142,198,63,.16);color:#3f6212}.blog-aside__link--parent{font-weight:700}.blog-aside__link--child{font-weight:500;font-size:.82rem;color:#475569}.blog-aside__count{flex-shrink:0;min-width:1.3rem;padding:.1rem .38rem;border-radius:999px;background:rgba(15,23,42,.06);color:#64748b;font-size:.7rem;font-weight:700;text-align:center}.blog-aside__link.is-active .blog-aside__count{background:rgba(142,198,63,.25);color:#3f6212}.blog-section{display:grid;gap:.85rem}.blog-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.blog-section__title{margin:0;font-size:1.05rem;font-weight:700}.blog-section__hint{margin:0;font-size:.84rem;color:#64748b}.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b}.blog-breadcrumb a{color:#475569;text-decoration:none;font-weight:600}.blog-breadcrumb a:hover{color:var(--accent-strong);text-decoration:none}.blog-card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-card:hover{border-color:rgba(142,198,63,.4);box-shadow:0 10px 24px rgba(15,23,42,.08);transform:translateY(-2px)}.blog-card__media{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#e2e8f0 0,#cbd5e1 100%);overflow:hidden}.blog-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__badge{position:absolute;top:.65rem;left:.65rem;padding:.2rem .55rem;border-radius:999px;background:rgba(15,23,42,.72);color:var(--brand-green);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(6px)}.blog-card__body{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.05rem 1.05rem;flex:1}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.blog-card__meta a{color:inherit;text-decoration:none}.blog-card__meta a:hover{color:var(--accent-strong)}.blog-card__dot{opacity:.55}.blog-badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;background:rgba(142,198,63,.16);color:#4d7c0f;font-size:.68rem;font-weight:700}.blog-card__title{margin:0;font-size:1.02rem;line-height:1.35}.blog-card__title a{color:var(--text-main);text-decoration:none}.blog-card__title a:hover{color:var(--accent-strong)}.blog-card__excerpt{margin:0;color:#475569;font-size:.86rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.45rem;font-size:.78rem;color:#94a3b8}.blog-card__read{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;background:rgba(20,184,166,.1);color:var(--accent-strong);font-weight:700;font-size:.76rem;text-decoration:none}.blog-card__read:hover{background:rgba(20,184,166,.18);text-decoration:none}.blog-empty{grid-column:1/-1;padding:1.35rem}.blog-empty h3{margin:0 0 .35rem}.blog-pagination{margin-top:.15rem}.blog-article{padding:0;overflow:hidden;border-radius:18px}.blog-article__intro{padding:1.35rem 1.45rem 0}.blog-article__header{display:grid;gap:.65rem;margin-top:.35rem}.blog-article__title{margin:0;font-size:clamp(1.45rem, 2.5vw, 1.9rem);line-height:1.2}.blog-article__lead{margin:0;font-size:1.02rem;color:#475569;line-height:1.55}.blog-article__date{font-size:.8rem;color:#94a3b8}.blog-article__figure{margin:1rem 0 0;overflow:hidden;background:#e2e8f0}.blog-article__image{display:block;width:100%;height:auto;max-height:min(28rem,52vh);object-fit:cover;object-position:center}.blog-article__content{padding:1.15rem 1.45rem 1.55rem;line-height:1.75;font-size:.98rem}.blog-article__content h2,.blog-article__content h3{margin-top:1.3rem}.blog-article__content p{color:#334155}.blog-article__content img{max-width:100%;height:auto;border-radius:12px}@media (min-width:1120px){.blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.blog-layout{grid-template-columns:1fr}.blog-aside{position:static}}@media (max-width:720px){.blog-list{grid-template-columns:1fr}}@media (max-width:640px){.blog-article__intro{padding:1.1rem 1.1rem 0}.blog-article__content{padding:1rem 1.1rem 1.25rem}.blog-article__image{max-height:min(16rem,42vh)}}.blog-admin-ai{margin:0;border:none;background:#fff}.blog-admin-ai.admin-form-panel__section{background:radial-gradient(circle at top right,rgba(139,92,246,.08),transparent 42%),#fff}.blog-admin-ai__actions{display:flex;flex-wrap:wrap;gap:.5rem}.browser-ai-prompt-ai.admin-form-panel__section{background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 42%),radial-gradient(circle at bottom left,rgba(20,184,166,.1),transparent 38%),linear-gradient(135deg,#fff 0,#f8fafc 100%);border-color:#bfdbfe}.browser-ai-prompt-ai .admin-form-panel__section-hint{margin-top:0;margin-bottom:0}.browser-ai-prompt-ai__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;align-items:end}.browser-ai-prompt-ai__topic{margin-bottom:0}.browser-ai-prompt-ai__cta{padding-bottom:.1rem}.browser-ai-prompt-ai__cta .btn{white-space:nowrap}.browser-ai-prompt-ai__status{margin:0;padding:.65rem .85rem;border-radius:8px;font-size:.82rem;line-height:1.45}.browser-ai-prompt-ai__status.is-hidden,.browser-ai-prompt-ai__status:empty{display:none}.browser-ai-prompt-ai__status--warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.browser-ai-prompt-ai__status--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.browser-ai-prompt-ai__status--ok{background:#ecfdf5;border:1px solid #99f6e4;color:#047857}.browser-ai-prompt-ai__status--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.browser-ai-prompt-ai__status a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.admin-form-page--browser-ai-prompt .admin-form-page__panel--full{background:0 0;border:none;box-shadow:none;padding:0}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form{gap:1rem}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .admin-form-panel__section{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 1.35rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:var(--shadow-sm)}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .admin-form-panel__section-title{margin:0}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group{margin-bottom:0}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group label{margin-bottom:.45rem}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .browser-ai-prompt-form__advanced,.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group+.form-group{margin-top:.15rem}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group input[type=number],.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group input[type=text],.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group textarea,.admin-form-page--browser-ai-prompt .browser-ai-prompt-ai__topic input{width:100%;max-width:none;padding:.62rem .8rem;border:1px solid #e2e8f0;border-radius:8px;font:inherit;font-size:.88rem;background:#fff;transition:border-color .15s,box-shadow .15s}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group input:focus,.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group textarea:focus,.admin-form-page--browser-ai-prompt .browser-ai-prompt-ai__topic input:focus{outline:0;border-color:rgba(15,118,110,.35);box-shadow:0 0 0 4px rgba(20,184,166,.12)}.admin-form-page--browser-ai-prompt .admin-browser-ai-prompt-form .form-group input:disabled,.admin-form-page--browser-ai-prompt .browser-ai-prompt-ai__topic input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.browser-ai-prompt-form__basics{display:grid;gap:1rem}.browser-ai-prompt-form__sort{max-width:8rem}.browser-ai-prompt-form__sort input{text-align:center}.browser-ai-prompt-form__textarea{min-height:10rem;line-height:1.5;resize:vertical}.browser-ai-prompt-form__textarea--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;min-height:7.5rem}.browser-ai-prompt-form__advanced{margin:0;padding:.85rem .95rem;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc}.browser-ai-prompt-form__advanced summary{cursor:pointer;font-size:.76rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#64748b;user-select:none}.browser-ai-prompt-form__advanced .form-group{margin-top:.85rem}.browser-ai-prompt-form__advanced .admin-form-panel__section-hint{margin-bottom:0}.browser-ai-prompt-form__toggles{display:flex;flex-wrap:wrap;gap:.65rem}.browser-ai-prompt-form__toggle{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.6rem .9rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.88rem;color:#334155;cursor:pointer;transition:border-color .15s,background .15s}.browser-ai-prompt-form__toggle:has(input:checked){border-color:#99f6e4;background:#ecfdf5}.browser-ai-prompt-form__toggle input[type=checkbox]{margin:0}.browser-ai-prompt-form__error{margin-top:.35rem;color:#b91c1c}.browser-ai-prompt-form__actions{margin-top:.25rem;padding-top:1rem;border-top:1px solid #e8edf4}@media (max-width:720px){.browser-ai-prompt-ai__toolbar{grid-template-columns:1fr}.browser-ai-prompt-ai__cta .btn{width:100%}.browser-ai-prompt-form__sort{max-width:none}}.form-narrow{max-width:var(--layout-narrow);margin:0 auto}