:root{--ink:#282b29;--muted:#6e7770;--green:#345f4b;--light:#e8efe7;--cream:#fbfaf6;--line:#e3e7df;--pink:#f3dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #db825f;outline-offset:4px}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.topline{background:#315d49;color:#fff;text-align:center;padding:9px 15px;font-size:11px;letter-spacing:.09em}.header{background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;flex-direction:column;color:var(--green);font-family:Georgia,serif;font-weight:bold;font-size:24px;line-height:1;letter-spacing:-.04em}.brand span{font:9px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin-top:6px}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:bold}.navlinks a:hover,.more:hover{color:#bc745c}.navlinks .navcta{border:1px solid #cad8ca;padding:11px 16px;border-radius:50px;color:var(--green)}.intro{padding:67px 0 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.15em;text-transform:uppercase;color:#b5755d}.intro h1,.article-head h1{font:normal clamp(40px,6vw,68px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:15px 0}.intro p{color:var(--muted);line-height:1.6;max-width:390px;margin:0 0 6px;font-size:15px}.section-label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding:16px 0 22px;font-size:11px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase}.section-label span:last-child{color:#909990;letter-spacing:.06em;font-weight:normal}.featured{display:grid;grid-template-columns:1.12fr 1fr;background:#eff2e9;min-height:390px}.art{display:block;width:100%;height:100%;min-height:280px;object-fit:cover}.feature-copy{padding:clamp(28px,5vw,58px);display:flex;align-items:start;flex-direction:column;justify-content:center}.tag{color:#b36e55;font-size:10px;letter-spacing:.15em;font-weight:bold;text-transform:uppercase}.feature-copy h2{font:normal clamp(30px,3.8vw,46px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:16px 0}.excerpt{font-size:15px;line-height:1.7;color:#66726a;margin:0}.meta{font-size:11px;color:#7b857d;letter-spacing:.03em;margin:18px 0}.more{font-size:12px;font-weight:bold;border-bottom:1px solid #819889;padding-bottom:6px;margin-top:6px}.latest{padding:64px 0 75px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card img{width:100%;aspect-ratio:1.48;object-fit:cover;display:block}.card .tag{display:block;margin-top:22px}.card h3{font:normal 27px/1.18 Georgia,serif;letter-spacing:-.025em;margin:12px 0}.card .excerpt{font-size:14px}.note{background:#f5e8df;padding:46px 30px;text-align:center}.note p{font:normal 25px/1.35 Georgia,serif;margin:10px auto;max-width:620px}.note small{font-size:11px;color:#8e786d;letter-spacing:.1em;text-transform:uppercase}.footer{background:#315d49;color:#fff;padding:45px 0 25px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer .brand{color:#fff}.footer p{color:#d4e0d6;font-size:13px;line-height:1.6;max-width:320px}.footer-bottom{border-top:1px solid #789584;margin-top:35px;padding-top:18px;color:#d4e0d6;font-size:11px}.article-head{max-width:760px;margin:65px auto 35px}.back{display:inline-block;font-size:12px;color:var(--green);font-weight:bold;margin-bottom:30px}.article-head h1{font-size:clamp(38px,6vw,62px)}.article-head .dek{font:20px/1.55 Georgia,serif;color:#68766d}.article-image{max-height:480px;object-fit:cover}.article-body{max-width:680px;margin:42px auto 75px;font:18px/1.8 Georgia,serif}.article-body h2{font-size:28px;line-height:1.2;margin-top:38px}.article-body p{margin:0 0 22px}.article-body .notice{background:var(--light);padding:20px 24px;font:14px/1.7 Arial,sans-serif}.article-body a{color:var(--green);text-decoration:underline}@media(max-width:700px){.wrap{width:min(100% - 32px,1080px)}.topline{font-size:10px}.nav{min-height:70px}.brand{font-size:21px}.navlinks{gap:14px;font-size:12px}.navlinks .navcta{display:none}.intro{display:block;padding:48px 0 29px}.intro h1{font-size:43px}.intro p{font-size:14px}.featured{grid-template-columns:1fr}.featured .art{aspect-ratio:1.45;min-height:0}.feature-copy{padding:29px 24px 34px}.feature-copy h2{font-size:34px}.latest{padding:50px 0}.grid{grid-template-columns:1fr;gap:34px}.card{display:grid;grid-template-columns:105px 1fr;gap:18px}.card img{height:120px;aspect-ratio:auto}.card .tag{margin-top:0}.card h3{font-size:22px;margin:8px 0}.card .excerpt{display:none}.card .meta{margin:10px 0}.footer-inner{display:block}.article-head{margin-top:38px}.article-body{font-size:17px}.article-image{min-height:0;aspect-ratio:1.4}.note{padding:38px 25px}}

/* Reading-first typography. Fonts are hosted with the site for speed and privacy. */
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Literata;src:url('/assets/fonts/literata-latin.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{--muted:#526057}
body{font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}
.brand,.intro h1,.article-head h1,.feature-copy h2,.card h3,.note p,.article-head .dek,.article-body h2{font-family:Literata,Georgia,serif}
.brand{font-weight:600;letter-spacing:-.035em}
.brand span{font:600 11px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.15em}
.topline{font-size:12px;font-weight:600;letter-spacing:.06em}
.navlinks{font-size:15px;gap:28px}
.intro h1,.article-head h1{font-weight:500;line-height:1.13;letter-spacing:-.035em}
.intro p{font-size:17px;line-height:1.65}
.eyebrow,.section-label,.tag{font-size:12px;letter-spacing:.1em}
.eyebrow,.tag{color:#91523d}
.section-label span:last-child{color:#59675d}
.feature-copy h2{font-weight:500;line-height:1.18;letter-spacing:-.025em}
.excerpt,.card .excerpt{font-size:16px;line-height:1.7;color:#4e5e53}
.meta{font-size:13px;line-height:1.5;color:#58675c}
.more,.back{font-size:14px;line-height:1.5}
.card h3{font-weight:500;line-height:1.25;letter-spacing:-.02em}
.note p{font-weight:400;line-height:1.5}
.note small{font-size:12px;line-height:1.5;color:#70564b}
.footer p{font-size:15px}.footer-bottom{font-size:13px}
.article-head .dek{font-size:clamp(19px,2.3vw,22px);line-height:1.6;color:#4e5e53}
.article-body{max-width:680px;font:400 19px/1.85 'DM Sans',Arial,sans-serif;color:#292f2b}
.article-body h2{font-size:clamp(25px,3vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:40px 0 16px}
.article-body p{margin-bottom:24px}.article-body .notice{font:400 16px/1.7 'DM Sans',Arial,sans-serif}
@media(max-width:700px){.topline{font-size:11px;line-height:1.45}.navlinks{font-size:14px;gap:14px}.intro h1{font-size:clamp(36px,10vw,43px);line-height:1.13}.intro p{font-size:16px}.feature-copy h2{font-size:clamp(29px,8vw,34px)}.card h3{font-size:21px;line-height:1.28}.article-head h1{font-size:clamp(34px,9vw,42px)}.article-body{font-size:18px;line-height:1.8}.article-body h2{font-size:25px}.article-body .notice{font-size:15px}}

/* Publication footer and informational pages */
.footer{padding:58px 0 26px}.footer-inner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1fr);gap:50px}.footer-about p{max-width:350px}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.footer-nav h2{margin:0 0 14px;font:700 12px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#d4e0d6}.footer-nav a{display:block;width:fit-content;margin:10px 0;font-size:15px;line-height:1.5}.footer-nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;line-height:1.6}.info-page .article-head{margin-bottom:24px}.info-page .article-body{margin-top:25px}.grid:has(.card:only-child){grid-template-columns:minmax(0,1fr)}.grid .card:only-child{max-width:680px;display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:26px;align-items:start}.grid .card:only-child .tag{margin-top:0}
@media(max-width:700px){.footer{padding:44px 0 24px}.footer-inner{grid-template-columns:1fr;gap:25px}.footer-nav{gap:20px}.footer-bottom{display:block}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}.grid .card:only-child{grid-template-columns:105px 1fr;gap:18px}.grid .card:only-child .tag{margin-top:0}}

/* A calm, focused beginning for article pages. */
.article-page .topline{display:none}
.article-page .article-head{max-width:720px;margin:clamp(44px,7vw,76px) auto 32px}
.article-page .article-head .tag{display:block;margin-bottom:16px}
.article-page .article-head h1{font-size:clamp(34px,5.5vw,56px);line-height:1.16;margin:0;letter-spacing:-.035em}
.article-page .article-head .dek{margin:20px 0 0;max-width:42rem;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(17px,2vw,19px);line-height:1.65}
.article-page .article-head .meta{margin:16px 0 0}
.article-page .article-image{width:100%;max-width:720px;max-height:420px;min-height:0;margin:0 auto;aspect-ratio:1.75;object-fit:cover}
.article-page .article-body{margin-top:38px}
@media(max-width:700px){.article-page .nav{min-height:64px}.article-page .article-head{margin:40px auto 26px}.article-page .article-head .tag{margin-bottom:12px}.article-page .article-head h1{font-size:clamp(32px,8.5vw,40px)}.article-page .article-head .dek{margin-top:16px;font-size:17px;line-height:1.6}.article-page .article-image{aspect-ratio:1.55}.article-page .article-body{margin-top:28px}}
.article-page .article-head .tag{margin:18px 0 0}
.article-page .article-head .meta{margin-top:10px}
.article-page .article-details{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.article-page .article-details .tag,.article-page .article-details .meta{margin:0}
.article-page .article-details .tag{text-align:right}
.comments{max-width:680px;margin:0 auto 72px;border-top:1px solid var(--line);padding-top:32px}.comments h2{font:500 28px/1.3 Literata,Georgia,serif;margin:0 0 8px}.comments-note{font-size:14px;line-height:1.6;color:#526057;margin:0 0 24px}.comments ul{list-style:none;padding:0;margin:0}.comments li{padding:18px 0;border-top:1px solid var(--line)}.comments li span{font-size:12px;font-weight:700;color:#526057}.comments li p{font-size:16px;line-height:1.7;margin:6px 0 0}@media(max-width:700px){.comments{margin-bottom:50px}.comments h2{font-size:25px}}

/* Komentet: një seksion i qartë dhe i lehtë për t'u lexuar. */
.comments{border-top:1px solid #dce4d9;margin:0 auto 80px;padding-top:38px}
.comments-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}
.comments .comments-heading+ul{margin-top:28px}
.comments-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:#91523d;margin-bottom:8px}
.comments h2{font:500 clamp(27px,5vw,32px)/1.25 Literata,Georgia,serif;letter-spacing:-.025em;margin:0}
.comments-count{white-space:nowrap;background:#e7efe7;color:#345f4b;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}
.comments-note{font-size:14px;line-height:1.6;color:#526057;margin:12px 0 24px}
.comments ul{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.comments li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8df;border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px rgba(43,69,50,.035)}
.comments .comment-icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:#e8efe7;color:#456d52;font:500 28px/1 Georgia,serif;padding-top:8px}
.comments .comment-label{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;line-height:1.4;color:#617369}
.comments li p{font-size:16px;line-height:1.65;color:#303c34;margin:6px 0 0}
@media(max-width:700px){.comments{padding-top:30px;margin-bottom:56px}.comments-heading{align-items:end}.comments li{gap:12px;padding:16px}.comments .comment-icon{flex-basis:34px;height:34px}.comments li p{font-size:15px;line-height:1.65}}
.comments .comment-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#dfeade;color:#345f4b;font-size:12px;font-weight:700;letter-spacing:.02em}
.comments li:nth-child(3n+2) .comment-avatar{background:#f4e3da;color:#925c48}
.comments li:nth-child(3n) .comment-avatar{background:#e9e6d7;color:#766943}
.comments .comment-name{display:block;color:#283a2e;font-size:14px;line-height:1.4;font-weight:700}
.comments li p{margin-top:4px}
@media(max-width:700px){.comments .comment-avatar{flex-basis:34px;height:34px}}
.comments .comment-photo{object-fit:cover}
/* Biseda të lexueshme, me pëlqime personale në këtë pajisje. */
.comments ul{gap:18px}.comments li{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;gap:11px}.comments .comment-content{min-width:0;flex:1}.comments .comment-bubble{background:#eef1ed;border-radius:17px;padding:11px 15px;width:fit-content;max-width:100%}.comments .comment-name{font-size:14px}.comments li p{margin:3px 0 0;font-size:15px;line-height:1.55}.comments .comment-actions{display:flex;align-items:center;gap:18px;padding:5px 15px 0}.comments .comment-actions button,.comments .comment-actions a{border:0;background:none;padding:2px 0;color:#58685c;font:700 12px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer}.comments .comment-actions button:hover,.comments .comment-actions a:hover{text-decoration:underline}.comments .comment-actions button[aria-pressed="true"]{color:#245c43}.comments .comment-actions button:focus-visible,.comments .comment-actions a:focus-visible{outline:3px solid #db825f;outline-offset:3px}
.comments .reaction-count{display:inline-flex;align-items:center;gap:4px;order:3;margin-left:auto;color:#58685c;font-size:12px;line-height:1;white-space:nowrap}
.comments .reaction-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2eee7;font-size:12px;line-height:1}

.comment-form{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}
.comment-form h3{margin:0 0 6px;font:500 23px/1.3 Literata,Georgia,serif;letter-spacing:-.02em}
.comment-form>p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.5}
.comment-form label{display:block;margin:16px 0 6px;color:#344c3c;font-size:14px;font-weight:700}
.comment-form input,.comment-form textarea{display:block;width:100%;border:1px solid #cbd8cc;border-radius:10px;background:#fff;color:var(--ink);padding:11px 13px;font:400 16px/1.5 'DM Sans',Arial,sans-serif}
.comment-form textarea{resize:vertical;min-height:110px}
.comment-form input:focus-visible,.comment-form textarea:focus-visible,.comment-form button:focus-visible{outline:3px solid #db825f;outline-offset:3px}
.comment-form button{margin-top:18px;border:0;border-radius:999px;background:var(--green);color:#fff;padding:11px 20px;font:700 14px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
.comment-form button:hover{background:#254b39}
.comment-form .comment-form-status{margin:12px 0 0;min-height:1.5em}
.comments .comment-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}
.comments .comment-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.comment-form input[type="file"]{font-size:14px;padding:9px;background:#fff}
.comment-form input[type="file"]::file-selector-button{border:0;border-radius:6px;background:#e8efe7;color:#345f4b;padding:7px 10px;margin-right:10px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}

.comments .comment-date{display:block;margin-top:6px;color:#637368;font-size:12px;line-height:1.4;font-weight:400}
.comments .comment-actions{flex-wrap:wrap;gap:12px}
.comments .comment-actions .comment-date{margin:0;font-size:12px;font-weight:400;color:#637368}
.comments .reaction-count{order:4}
.comments .comment-replies{display:grid;gap:14px;margin:12px 0 0 16px;padding-left:14px;border-left:2px solid #dce4d9}
.comments .comment-replies:empty{display:none}
.comments .comment-reply{min-width:0}
.reply-form{display:grid;gap:10px;margin:14px 0 0 16px;max-width:420px}
.reply-form label{display:grid;gap:4px;color:#344c3c;font-size:13px;font-weight:700}
.reply-form input,.reply-form textarea{width:100%;border:1px solid #cbd8cc;border-radius:8px;background:#fff;padding:8px 10px;font:400 15px/1.5 'DM Sans',Arial,sans-serif}
.reply-form button{justify-self:start;border:0;border-radius:999px;background:var(--green);color:#fff;padding:8px 14px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}
.reply-form p{color:#91523d;font-size:13px;margin:0}

/* Keep comment actions together, followed by the date and reaction count. */
.comments .comment-actions .comment-like{order:0}
.comments .comment-actions .comment-reply-button{order:1}
.comments .comment-actions .comment-date{order:2}
.comments .comment-actions .reaction-count{order:3}

.comments .comment-reply{display:flex;align-items:flex-start;gap:10px}
.comments .comment-reply > .comment-content{min-width:0}

/* Keep article thumbnails proportional on desktop. */
@media (min-width:701px){.card img{height:auto;aspect-ratio:1.48}}