:root{
	--eel-primary:#0f6b66;
	--eel-primary-dark:#0a4e4a;
	--eel-ink:#17232d;
	--eel-muted:#67727c;
	--eel-border:#dde4e7;
	--eel-surface:#ffffff;
	--eel-soft:#f4f7f7;
	--eel-accent:#dca34b;
	--eel-radius:18px;
	--eel-shadow:0 16px 45px rgba(18,39,52,.08);
}

html.eel-dark{
	--eel-ink:#edf4f5;
	--eel-muted:#b8c5ca;
	--eel-border:#35434a;
	--eel-surface:#182329;
	--eel-soft:#101a20;
	--eel-shadow:0 16px 45px rgba(0,0,0,.28);
	background:#0e171c;
}

.eel-library,.eel-form-wrap,.eel-account,.eel-section,.eel-hero{box-sizing:border-box}
.eel-library *,.eel-form-wrap *,.eel-account *,.eel-section *,.eel-hero *{box-sizing:border-box}
.eel-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--eel-primary);margin:0 0 .55rem}
.eel-hero{background:linear-gradient(135deg,var(--eel-soft),var(--eel-surface));border:1px solid var(--eel-border);border-radius:var(--eel-radius);padding:clamp(2.4rem,7vw,6rem) clamp(1.25rem,5vw,5rem);margin:0 0 3rem;color:var(--eel-ink)}
.eel-hero-inner{max-width:940px;margin:auto;text-align:center}
.eel-hero h1{font-size:clamp(2.35rem,6vw,5.2rem);line-height:1.01;letter-spacing:-.045em;margin:.2rem 0 1.1rem;color:var(--eel-ink)}
.eel-hero p{font-size:1.05rem;color:var(--eel-muted);max-width:760px;margin-left:auto;margin-right:auto}
.eel-hero-search{display:flex;gap:.6rem;max-width:760px;margin:2rem auto 1rem;padding:.45rem;background:var(--eel-surface);border:1px solid var(--eel-border);border-radius:999px;box-shadow:var(--eel-shadow)}
.eel-hero-search input{flex:1;border:0!important;outline:0!important;background:transparent!important;padding:.8rem 1rem!important;min-width:0;color:var(--eel-ink)!important}
.eel-hero-search button{border:0;border-radius:999px;background:var(--eel-primary);color:#fff;padding:.85rem 1.35rem;font-weight:800;cursor:pointer}
.eel-hero-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.eel-hero-links a{color:var(--eel-primary);font-weight:700}
.eel-section{margin:3.5rem 0;color:var(--eel-ink)}
.eel-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.25rem}
.eel-section h2,.eel-cta h2,.eel-library h1,.eel-form-wrap h1,.eel-account h1{margin:.15rem 0;font-size:clamp(1.75rem,4vw,2.8rem);letter-spacing:-.03em;color:var(--eel-ink)}
.eel-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.eel-topic-card{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;border:1px solid var(--eel-border);border-radius:14px;text-decoration:none!important;background:var(--eel-surface);transition:.2s ease}
.eel-topic-card:hover{transform:translateY(-3px);box-shadow:var(--eel-shadow)}
.eel-topic-card strong{font-size:1.05rem;color:var(--eel-ink)}
.eel-topic-card span{font-size:.9rem;color:var(--eel-muted)}
.eel-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}
.eel-card{background:var(--eel-surface);border:1px solid var(--eel-border);border-radius:var(--eel-radius);overflow:hidden;box-shadow:0 4px 16px rgba(18,39,52,.035);display:flex;flex-direction:column;min-width:0}
.eel-card-cover{display:block;aspect-ratio:4/3;background:var(--eel-soft);overflow:hidden}
.eel-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.eel-card:hover .eel-card-cover img{transform:scale(1.025)}
.eel-cover-placeholder{height:100%;display:grid;place-items:center;font-size:2.6rem;font-weight:900;letter-spacing:.12em;color:var(--eel-primary);background:linear-gradient(145deg,var(--eel-soft),var(--eel-surface))}
.eel-card-body{padding:1.2rem;display:flex;flex-direction:column;flex:1}
.eel-card-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--eel-primary);font-size:.77rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.eel-card h3{font-size:1.28rem;line-height:1.2;margin:.65rem 0 .45rem}
.eel-card h3 a{color:var(--eel-ink);text-decoration:none}
.eel-card p{color:var(--eel-muted);font-size:.94rem}
.eel-card-author{font-weight:700;margin:.1rem 0 .55rem!important;color:var(--eel-ink)!important}
.eel-card-footer{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--eel-border);font-size:.9rem}
.eel-card-footer a{font-weight:800;color:var(--eel-primary);text-decoration:none}
.eel-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--eel-soft);border:1px solid var(--eel-border);border-radius:var(--eel-radius);padding:2rem}
.eel-button{display:inline-flex;align-items:center;justify-content:center;background:var(--eel-primary);color:#fff!important;border:1px solid var(--eel-primary);border-radius:999px;padding:.78rem 1.2rem;font-weight:800;text-decoration:none!important;cursor:pointer}
.eel-button:hover{background:var(--eel-primary-dark);border-color:var(--eel-primary-dark)}
.eel-button-secondary{background:transparent;color:var(--eel-primary)!important}
.eel-button-secondary:hover{color:#fff!important}
.eel-library-intro{margin-bottom:1.5rem;color:var(--eel-ink)}
.eel-library-intro p,.eel-form-wrap>p,.eel-account>p{color:var(--eel-muted)}
.eel-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.25rem;background:var(--eel-soft);border:1px solid var(--eel-border);border-radius:var(--eel-radius);margin-bottom:1.25rem}
.eel-filters>div{min-width:0}
.eel-search-wide{grid-column:span 2}
.eel-filters label,.eel-form label{display:block;font-weight:750;font-size:.88rem;margin-bottom:.35rem;color:var(--eel-ink)}
.eel-filters input,.eel-filters select,.eel-form input,.eel-form select,.eel-form textarea{width:100%;border:1px solid var(--eel-border)!important;border-radius:10px!important;background:var(--eel-surface)!important;color:var(--eel-ink)!important;padding:.72rem .8rem!important;min-height:44px}
.eel-filter-actions{display:flex;align-items:end;gap:1rem}
.eel-filter-actions>a{padding:.72rem;color:var(--eel-primary);font-weight:700}
.eel-results-head{display:flex;justify-content:space-between;margin:1.2rem 0;color:var(--eel-muted)}
.eel-pagination ul{list-style:none;display:flex;gap:.4rem;padding:0;margin:2rem 0;flex-wrap:wrap}
.eel-pagination li{margin:0}
.eel-pagination a,.eel-pagination span{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--eel-border);border-radius:9px;text-decoration:none;color:var(--eel-ink);padding:0 .6rem}
.eel-pagination .current{background:var(--eel-primary);border-color:var(--eel-primary);color:#fff}
.eel-empty,.eel-notice{padding:1.15rem 1.3rem;border-radius:12px;border:1px solid var(--eel-border);background:var(--eel-soft);color:var(--eel-ink)}
.eel-success{border-color:#73b69a}
.eel-error{border-color:#d58c8c}
.eel-form-wrap,.eel-account{max-width:1000px;margin:1rem auto;padding:clamp(1rem,4vw,2rem);background:var(--eel-surface);border:1px solid var(--eel-border);border-radius:var(--eel-radius);color:var(--eel-ink)}
.eel-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0}
.eel-form-grid .full{grid-column:1/-1}
.eel-consent{margin:0 0 1.2rem}
.eel-auth{max-width:580px}
.eel-auth form p{margin-bottom:1rem}
.eel-auth input[type=text],.eel-auth input[type=password]{width:100%;border:1px solid var(--eel-border);border-radius:10px;padding:.7rem;background:var(--eel-surface);color:var(--eel-ink)}
.eel-auth input[type=submit]{background:var(--eel-primary);border:0;border-radius:999px;padding:.8rem 1.4rem;color:#fff;font-weight:800;cursor:pointer}
.eel-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.eel-meta-item{padding:.85rem 1rem;border:1px solid var(--eel-border);background:var(--eel-soft);border-radius:12px;min-width:0}
.eel-meta-item span{display:block;color:var(--eel-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}
.eel-meta-item strong{display:block;color:var(--eel-ink);overflow-wrap:anywhere}
.eel-keywords{margin:1rem 0;color:var(--eel-muted)}
.eel-resource-description{margin:1.5rem 0}
.eel-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}
.eel-dark-toggle{background:transparent;border:1px solid currentColor;border-radius:999px;padding:.5rem .8rem;color:inherit;cursor:pointer;font:inherit}
html.eel-dark body{background:#0e171c;color:var(--eel-ink)}
html.eel-dark .site,html.eel-dark #page{background:#0e171c}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){
	.eel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.eel-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.eel-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
	.eel-search-wide{grid-column:1/-1}
	.eel-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
	.eel-card-grid,.eel-topic-grid,.eel-filters,.eel-form-grid,.eel-meta-grid{grid-template-columns:1fr}
	.eel-form-grid .full,.eel-search-wide{grid-column:auto}
	.eel-hero-search{border-radius:18px;flex-direction:column}
	.eel-hero-search button{width:100%}
	.eel-cta{align-items:flex-start;flex-direction:column}
}