/*
 * HelpTana Home 3.0.0
 * Brand palette: #f1d7be / #27221f / #f46d29 / #f6ad22 / #5c3725
 * White is reserved for document pages, photography, cards and the logo background.
 */
:root {
  --ht-beige: #f1d7be;
  --ht-ink: #27221f;
  --ht-orange: #f46d29;
  --ht-yellow: #f6ad22;
  --ht-brown: #5c3725;
  --ht-white: #fff;
  --ht-ink-70: rgba(39, 34, 31, .72);
  --ht-ink-50: rgba(39, 34, 31, .50);
  --ht-line: rgba(92, 55, 37, .19);
  --ht-bg: #fff;
  --ht-shadow: 0 18px 40px rgba(92, 55, 37, .12);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ht-white); color: var(--ht-ink); font: 400 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img, svg { max-width: 100%; }
img { height: auto; }
:focus-visible { outline: 3px solid var(--ht-orange); outline-offset: 3px; }
.ht-container { max-width: 1210px; margin: 0 auto; padding: 0 28px; }
.ht-skip { position: fixed; top: 12px; left: -9999px; z-index: 9999; background: var(--ht-ink); color: white; border-radius: 7px; padding: 10px 14px; }
.ht-skip:focus { left: 12px; }
.h1,h1,h2,h3,p { overflow-wrap: break-word; }
/* Header: uploaded logo with its original white background. */
.ht-topbar { background: var(--ht-white); border-bottom: 1px solid var(--ht-line); }
.ht-topbar-inner { min-height: 103px; display: flex; justify-content: space-between; align-items: center; gap: 22px; }
.ht-brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; min-width: 0; }
.ht-brand-mark { display: grid; place-items: center; width: 90px; height: 80px; flex: 0 0 90px; overflow: hidden; background: #fff; border-radius: 3px; }
.ht-brand-mark img { display: block; width: 90px; height: 77px; object-fit: contain; mix-blend-mode: normal; }
.ht-brand-title { font-size: 27px; line-height: 1.1; font-weight: 850; letter-spacing: -.035em; color: var(--ht-ink); white-space: nowrap; }
.ht-brand-title small { display: block; color: var(--ht-brown); margin-top: 7px; font-size: 10px; font-weight: 700; letter-spacing: .12em; line-height: 1.45; text-transform: uppercase; white-space: normal; }
.ht-top-actions { display: flex; align-items: center; margin-left: auto; gap: 12px; }
.ht-lang-single, .ht-languages a { font-size: 12px; letter-spacing: .04em; font-weight: 800; text-decoration: none; }
.ht-lang-single { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 43px; border: 1px solid var(--ht-line); color: var(--ht-ink); border-radius: 10px; padding: 8px 12px; }
.ht-languages { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.ht-languages a { border-radius: 8px; padding: 9px 10px; color: var(--ht-brown); }
.ht-languages a:hover, .ht-languages a.is-current { background: var(--ht-beige); color: var(--ht-ink); }
/* Hero. */
.ht-hero { background: linear-gradient(115deg, #fff 0%, rgba(241,215,190,.22) 55%, rgba(241,215,190,.70) 100%); border-bottom: 1px solid var(--ht-line); overflow: hidden; }
.ht-hero-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr); align-items: center; gap: 55px; min-height: 640px; padding-top: 65px; padding-bottom: 67px; }
.ht-hero-copy { max-width: 670px; }
.ht-kicker { display: flex; align-items: center; gap: 14px; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .15em; color: var(--ht-brown); }
.ht-kicker span { display: block; width: 31px; height: 3px; flex: 0 0 auto; background: var(--ht-orange); }
.ht-hero h1 { color: var(--ht-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(40px,4.8vw,69px); font-weight: 700; line-height: 1.095; letter-spacing: -.045em; margin: 24px 0 27px; }
.ht-hero-copy > p { color: var(--ht-ink-70); font-size: 17px; line-height: 1.80; max-width: 640px; margin: 0; }
.ht-hero-buttons { margin-top: 37px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ht-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 13px 22px; border-radius: 11px; border: 1px solid transparent; text-decoration: none; font-size: 15px; font-weight: 800; line-height: 1.3; transition: transform .17s ease, box-shadow .17s ease, background-color .17s ease; }
.ht-button:hover { transform: translateY(-2px); }
.ht-button--primary { background: var(--ht-orange); color: var(--ht-ink); }
.ht-button--primary:hover { background: var(--ht-yellow); }
.ht-hero-buttons .ht-button--primary { background: var(--ht-orange); color: var(--ht-ink); font-size: 22px; min-height: 73px; border-radius: 13px; padding: 19px 34px; box-shadow: 0 13px 27px rgba(92,55,37,.19); gap: 19px; }
.ht-hero-buttons .ht-button--primary:hover { background: var(--ht-yellow); box-shadow: 0 16px 32px rgba(92,55,37,.21); }
.ht-hero-buttons .ht-button--primary .ht-svg { width: 27px; height: 27px; }
.ht-button--outline { background: white; color: var(--ht-brown); border-color: var(--ht-line); }
.ht-button--outline:hover { border-color: var(--ht-brown); background: var(--ht-beige); }
.ht-hero-buttons .ht-button--outline { font-size: 16px; min-height: 57px; padding: 15px 23px; }
.ht-button--light { color: var(--ht-ink); background: var(--ht-yellow); border-color: transparent; white-space: nowrap; }
.ht-button--light:hover { background: var(--ht-beige); }
.ht-hero-art { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; }
.ht-art-orbit { position: relative; width: min(100%,465px); aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: white; border: 12px solid var(--ht-beige); border-radius: 50%; padding: 7px; box-shadow: 0 25px 60px rgba(92,55,37,.16); }
.ht-art-orbit::before,.ht-art-orbit::after { position: absolute; content: ""; inset: -24px; border: 1px solid rgba(92,55,37,.26); border-radius: 50%; pointer-events: none; }
.ht-art-orbit::after { inset: -36px; border-color: rgba(246,173,34,.35); }
.ht-art-orbit img { border-radius: 50%; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.ht-art-caption { margin-top: 42px; text-align: center; text-transform: uppercase; color: var(--ht-brown); font-size: 10px; letter-spacing: .15em; font-weight: 850; }
.ht-art-caption span { color: var(--ht-orange); padding: 0 8px; }
/* Shared section headings and 8-domain navigation. */
.ht-navigation-section { padding: 70px 0 86px; background: linear-gradient(180deg, rgba(241,215,190,.50), #fff); }
.ht-section-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 27px; }
.ht-section-header h2 { font-family: Georgia, serif; font-size: clamp(31px,3.5vw,44px); line-height: 1.2; letter-spacing: -.025em; margin: 9px 0 0; color: var(--ht-ink); }
.ht-section-header > p { color: var(--ht-ink-70); font-size: 15px; max-width: 470px; margin: 0; }
.ht-overline { color: var(--ht-brown); font-size: 11px; text-transform: uppercase; font-weight: 850; letter-spacing: .18em; }
.ht-nav-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.ht-nav-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-height: 183px; min-width: 0; padding: 20px 13px; border: 1px solid rgba(92,55,37,.22); border-radius: 15px; background: #fff; box-shadow: 0 7px 20px rgba(92,55,37,.045); text-decoration: none; text-align: center; transition: transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.ht-nav-card:hover { transform: translateY(-3px); border-color: var(--ht-orange); box-shadow: var(--ht-shadow); }
.ht-nav-card.is-active { background: rgba(241,215,190,.64); border-color: var(--ht-yellow); }
.ht-nav-icon { display: grid; place-items: center; flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%; background: var(--ht-beige); color: var(--ht-brown); }
.ht-nav-icon .ht-svg { width: 27px; height: 27px; }
.ht-nav-copy { display: flex; flex-direction: column; min-width: 0; }
.ht-nav-copy strong { color: var(--ht-ink); font: 700 21px/1.25 Georgia,serif; }
.ht-nav-copy small { color: var(--ht-ink-70); font-size: 12px; line-height: 1.45; margin-top: 6px; }
.ht-card-arrow { color: var(--ht-orange); margin-top: 3px; }
/* Programs and donation. */
.ht-programs-section { background: rgba(241,215,190,.38); border-top: 1px solid var(--ht-line); border-bottom: 1px solid var(--ht-line); padding: 75px 0 88px; }
.ht-program-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.ht-program-card { display: block; min-width: 0; min-height: 212px; padding: 25px 23px; background: #fff; border: 1px solid var(--ht-line); border-radius: 14px; text-decoration: none; transition: border-color .17s ease,transform .17s ease; }
.ht-program-card:hover { border-color: var(--ht-orange); transform: translateY(-3px); }
.ht-program-index { color: var(--ht-orange); font-size: 11px; font-weight: 850; letter-spacing: .16em; }
.ht-program-card h3 { color: var(--ht-ink); font: 700 22px/1.22 Georgia,serif; letter-spacing: -.025em; margin: 22px 0 11px; }
.ht-program-card p { color: var(--ht-ink-70); font-size: 13px; margin: 0; line-height: 1.65; }
.ht-entry-section { padding: 46px 0 78px; }
.ht-entry-content { max-width: 870px; }
.ht-entry-content p { color: var(--ht-ink-70); }
.ht-donation-section { background: #fff; padding: 77px 0; }
.ht-donation-card { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 42px; padding: 47px 55px; border-radius: 20px; background: var(--ht-brown); color: white; }
.ht-donation-card::after { position: absolute; content: ""; inset: -190px -110px auto auto; width: 390px; height: 390px; border: 1px solid rgba(241,215,190,.32); border-radius: 50%; pointer-events: none; }
.ht-donation-overline { color: var(--ht-yellow); font-size: 11px; font-weight: 850; letter-spacing: .2em; }
.ht-donation-card h2 { font: 700 clamp(27px,3.1vw,40px)/1.2 Georgia,serif; letter-spacing: -.03em; margin: 11px 0; }
.ht-donation-card p { color: rgba(255,255,255,.87); font-size: 14px; line-height: 1.7; max-width: 650px; margin: 0; }
/* Footer and independent bank information bar. */
.ht-footer { background: var(--ht-ink); color: white; padding: 0; }
.ht-footer > .ht-container { padding-top: 66px; padding-bottom: 40px; }
.ht-footer-nav { margin-bottom: 48px; }
.ht-footer-nav h2 { font:700 29px/1.25 Georgia,serif; margin: 0 0 18px; }
.ht-nav-grid--compact { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.ht-nav-grid--compact .ht-nav-card { min-height: 98px; padding: 13px 10px; background: rgba(241,215,190,.08); border-color: rgba(241,215,190,.23); box-shadow: none; gap: 6px; }
.ht-nav-grid--compact .ht-nav-card:hover { background: rgba(241,215,190,.18); border-color: var(--ht-yellow); }
.ht-nav-grid--compact .ht-nav-icon { width: 37px; height: 37px; background: var(--ht-beige); color: var(--ht-ink); }
.ht-nav-grid--compact .ht-nav-icon .ht-svg { width: 20px; height: 20px; }
.ht-nav-grid--compact .ht-nav-copy strong { font: 700 13px/1.25 system-ui,sans-serif; color: white; }
.ht-nav-grid--compact .ht-nav-copy small { display: block; font-size: 10px; margin-top: 5px; color: rgba(255,255,255,.76); }
.ht-nav-grid--compact .ht-card-arrow { display: none; }
.ht-footer-line { display: flex; align-items: flex-start; justify-content: space-between; gap: 45px; }
.ht-footer-identity { display: flex; flex-direction: column; gap: 7px; }
.ht-footer-identity > strong { font: 700 31px/1.2 Georgia,serif; }
.ht-footer-identity > span { color: var(--ht-beige); }
.ht-footer-identity > small { color: rgba(255,255,255,.70); }
.ht-footer-contact { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.ht-footer-contact-label { color: var(--ht-yellow); text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .17em; margin-bottom: 8px; }
.ht-contact-link { font-size: 18px; line-height: 1.6; font-weight: 800; color: white; text-decoration: none; }
.ht-contact-link:hover,.ht-socials a:hover { text-decoration: underline; }
.ht-socials { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 15px; }
.ht-socials a { color: var(--ht-beige); font-size: 12px; text-decoration: none; }
.ht-bankbar { background: var(--ht-beige); color: var(--ht-ink); border-top: 3px solid var(--ht-yellow); }
.ht-bankbar-inner { min-height: 106px; display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-top: 19px; padding-bottom: 19px; }
.ht-bankbar-heading { display: flex; flex-direction: column; gap: 2px; }
.ht-bankbar-label { color: var(--ht-brown); text-transform: uppercase; font-size: 11px; letter-spacing: .12em; font-weight: 850; }
.ht-bankbar-heading strong { font-size: 16px; }
.ht-bankbar-details { display: flex; flex-direction: column; gap: 2px; align-items: flex-end; min-width: 0; }
.ht-bankbar-iban { font-weight: 900; font-size: clamp(15px,1.85vw,23px); letter-spacing: .02em; font-variant-numeric: tabular-nums; word-break: break-word; overflow-wrap: anywhere; }
.ht-bankbar-details small { color: var(--ht-brown); }
.ht-legalbar { background: var(--ht-white); color: var(--ht-ink); }
.ht-legalbar-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 19px; min-height: 73px; padding-top: 16px; padding-bottom: 16px; font-size: 12px; }
.ht-legalbar nav { display: flex; flex-wrap: wrap; gap: 17px; }
.ht-legalbar a { display: inline-flex; align-items: center; gap: 5px; color: var(--ht-ink); text-decoration: none; }
.ht-legalbar a:hover { text-decoration: underline; }
/* Generic content pages. */
.ht-page-wrap { min-height: 45vh; padding: 84px 0; }
.ht-reading-column { max-width: 890px; }
.ht-page-title { font:700 clamp(35px,4vw,52px)/1.2 Georgia,serif; margin: 12px 0 30px; }
.ht-page-content { line-height: 1.82; }
.ht-page-content h2,.ht-page-content h3 { line-height: 1.32; margin-top: 1.7em; }
.ht-page-content p { margin-bottom: 1.15em; }
.ht-page-content a { color: var(--ht-brown); }
.ht-page-content img { max-width: 100%; height: auto; }
/* Laptop and tablet. */
@media (max-width: 1100px) {
  .ht-hero-layout { grid-template-columns: minmax(0,1fr) minmax(280px,.85fr); gap: 29px; }
  .ht-hero h1 { font-size: clamp(38px,4.7vw,58px); }
  .ht-art-orbit { max-width: 395px; }
  .ht-program-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 850px) {
  .ht-hero-layout { grid-template-columns: minmax(0,1.07fr) minmax(230px,.85fr); gap: 18px; }
  .ht-hero h1 { font-size: clamp(34px,4.95vw,48px); }
  .ht-hero-copy > p { font-size: 15px; }
  .ht-art-orbit { max-width: 312px; }
  .ht-nav-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ht-nav-grid--compact { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .ht-nav-card { min-height: 155px; }
  .ht-hero-buttons .ht-button--primary { font-size: 19px; min-height: 62px; padding: 14px 23px; }
}
@media (max-width: 740px) {
  .ht-container { padding-left: 20px; padding-right: 20px; }
  .ht-topbar-inner { min-height: 87px; gap: 10px; }
  .ht-brand-mark { width: 67px; height: 63px; flex-basis: 67px; }
  .ht-brand-mark img { width: 67px; height: 61px; }
  .ht-brand-title { font-size: 20px; }
  .ht-brand-title small { font-size: 8px; letter-spacing: .06em; }
  .ht-hero-layout { grid-template-columns: 1fr; padding-top: 47px; padding-bottom: 50px; gap: 43px; min-height: 0; }
  .ht-hero h1 { font-size: clamp(36px,8.1vw,54px); }
  .ht-hero-copy > p { font-size: 15px; }
  .ht-hero-art { margin: 8px auto 0; width: min(100%,390px); }
  .ht-art-orbit { max-width: 350px; }
  .ht-art-caption { margin-top: 33px; }
  .ht-navigation-section,.ht-programs-section { padding: 55px 0 63px; }
  .ht-section-header { display: block; }
  .ht-section-header > p { margin-top: 12px; }
  .ht-nav-card { min-height: 158px; }
  .ht-donation-section { padding: 51px 0; }
  .ht-donation-card { display: block; padding: 34px 30px; }
  .ht-donation-card .ht-button { margin-top: 25px; }
  .ht-footer > .ht-container { padding-top: 48px; }
  .ht-footer-line { display: block; }
  .ht-footer-contact { margin-top: 30px; }
  .ht-bankbar-inner { align-items: flex-start; flex-direction: column; gap: 12px; }
  .ht-bankbar-details { align-items: flex-start; }
  .ht-legalbar-inner { align-items: flex-start; flex-direction: column; gap: 11px; }
  .ht-nav-grid--compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  .ht-topbar-inner { min-height: 76px; }
  .ht-brand { gap: 8px; }
  .ht-brand-mark { width: 54px; height: 53px; flex-basis: 54px; }
  .ht-brand-mark img { width: 54px; height: 50px; }
  .ht-brand-title { font-size: 19px; }
  .ht-brand-title small { font-size: 7px; letter-spacing: 0; }
  .ht-kicker { font-size: 10px; letter-spacing: .09em; }
  .ht-hero h1 { font-size: clamp(33px,9.3vw,44px); }
  .ht-hero-buttons { gap: 12px; }
  .ht-hero-buttons .ht-button--primary,.ht-hero-buttons .ht-button--outline { width: 100%; }
  .ht-hero-buttons .ht-button--primary { min-height: 67px; }
  .ht-hero-buttons .ht-button--outline { min-height: 53px; }
  .ht-art-orbit { max-width: min(84vw,310px); }
  .ht-nav-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .ht-nav-card { min-height: 170px; padding: 16px 8px; }
  .ht-nav-copy strong { font-size: 17px; }
  .ht-nav-copy small { font-size: 11px; }
  .ht-nav-icon { width: 46px; height: 46px; }
  .ht-program-grid { grid-template-columns: 1fr; }
  .ht-program-card { min-height: 0; }
  .ht-nav-grid--compact .ht-nav-card { min-height: 115px; padding: 11px 8px; }
  .ht-nav-grid--compact .ht-nav-copy small { font-size: 9px; }
  .ht-bankbar-iban { font-size: 16px; letter-spacing: 0; }
}
@media (max-width: 340px) {
  .ht-brand-title small { display: none; }
  .ht-nav-grid { grid-template-columns: 1fr; }
  .ht-nav-card { min-height: 134px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Site-specific landing: extend, never modify, HOME 3.1 design system. */
.ht-section-hero { background: linear-gradient(112deg,#fff 15%,#fff8ef 65%,#f1d7be 150%); }
.ht-section-hero .ht-hero-layout { min-height: 565px; }
.ht-section-hero h1 { font-size: clamp(48px,5.3vw,78px); }
.ht-section-lead > p { color: var(--ht-ink-70); font-size: clamp(16px,1.5vw,20px); line-height: 1.75; max-width: 720px; }
.ht-section-orbit { background:#fff; box-shadow: 0 20px 52px rgba(92,55,37,.13); }
.ht-section-orbit img { object-fit: contain; border-radius: 50%; padding: 8px; }
.ht-section-content { scroll-margin-top: 24px; }
.ht-section-notice { max-width: 820px; border: 1px solid var(--ht-line); border-radius: 18px; background: #fff; padding: 36px 40px; }
.ht-section-notice h3 { margin: 0 0 10px; font:700 29px/1.3 Georgia,serif; }
.ht-section-notice p { color:var(--ht-ink-70); }
.ht-section-notice .ht-button { margin-top: 19px; }
.ht-section-published-header { margin-top: 60px; }
.ht-section-published-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ht-section-published { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:19px 24px; border-radius:12px; border:1px solid var(--ht-line); background:#fff; text-decoration:none; }
.ht-section-published:hover { border-color:var(--ht-orange); }
.ht-section-published strong { font-size:16px; }
.ht-section-published .ht-svg { flex:0 0 auto; color:var(--ht-orange); }
.ht-section-contact-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.ht-section-contact-cards a { display:flex; flex-direction:column; gap:7px; padding:32px 28px; border:1px solid var(--ht-line); border-radius:16px; background:#fff; text-decoration:none; overflow-wrap:anywhere; }
.ht-section-contact-cards a:hover { border-color:var(--ht-orange); }
.ht-section-contact-cards a span { color:var(--ht-brown); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.09em; }
.ht-section-contact-cards a strong { font:700 clamp(18px,2.5vw,26px)/1.3 Georgia,serif; }
@media(max-width:740px) { .ht-section-hero .ht-hero-layout { min-height:0; } .ht-section-hero h1 { font-size:clamp(39px,9vw,58px); } .ht-section-published-grid,.ht-section-contact-cards { grid-template-columns:1fr; } .ht-section-notice { padding:28px 22px; } }
@media(max-width:480px) { .ht-section-orbit { max-width:260px; } .ht-section-hero h1 { font-size:clamp(37px,9.5vw,52px); } }
/* On very small screens give the language navigation its own clean row. */
@media(max-width:600px) {
  .ht-topbar-inner { flex-wrap:wrap; padding-top:9px; padding-bottom:9px; row-gap:4px; }
  .ht-top-actions { width:100%; flex-basis:100%; margin-left:0; justify-content:center; }
  .ht-languages { width:100%; flex-wrap:nowrap; justify-content:space-between; }
  .ht-languages a { min-width:42px; text-align:center; padding:7px 10px; }
}

/* Phase 11: different illustration for each section, no repeated hero logo. */
.ht-section-orbit { overflow: hidden; padding: 0; background: #fffaf6; }
.ht-section-orbit img { width:100%; height:100%; object-fit:cover; border-radius:50%; padding:0; }
@media(max-width:740px) { .ht-section-orbit img {max-width:100%;} }

/* Program details: individual visuals and readable summaries */
.ht-program-card--linked { position:relative; color:inherit; }
.ht-program-card--linked:focus-visible { outline:3px solid var(--ht-orange); outline-offset:4px; }
.ht-program-card--linked .ht-card-cta { display:inline-flex; color:var(--ht-orange); margin-top:18px; }
.ht-program-details { display:grid; gap:23px; margin-top:40px; }
.ht-program-overview { display:grid; grid-template-columns:minmax(0, .78fr) minmax(0, 1.22fr); align-items:center; gap:clamp(16px,4vw,70px); padding:clamp(20px,4vw,48px); background:#fff; border:1px solid var(--ht-line); border-radius:24px; scroll-margin-top:20px; }
.ht-program-overview:nth-child(even) .ht-program-overview-art { order:2; }
.ht-program-overview-art img { display:block; width:100%; height:auto; border-radius:16px; }
.ht-program-overview-text h3 { font:700 clamp(28px,3.6vw,43px)/1.16 Georgia,serif; margin:14px 0 13px; color:var(--ht-ink); }
.ht-program-overview-text p { line-height:1.85; color:var(--ht-ink-70); margin:14px 0 0; }
.ht-program-subtitle { display:block; color:var(--ht-brown,#5c3725); font-weight:650; font-size:17px; }
.ht-program-overview-text .ht-button { margin-top:24px; }
.ht-program-detail-page { padding:72px 0; }
.ht-program-detail-layout { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:clamp(25px,5vw,80px); }
.ht-program-detail-layout h1 { font:700 clamp(38px,6vw,66px)/1.15 Georgia,serif; margin:18px 0; }
.ht-program-detail-layout img { display:block; width:100%; height:auto; border-radius:24px; }
.ht-program-detail-layout .ht-page-content { max-width:650px; margin:25px 0; line-height:1.85; }
.ht-program-back { padding-top:45px; }
.ht-program-back a { display:inline-flex; gap:12px; align-items:center; color:var(--ht-ink); }
@media(max-width:740px){
 .ht-program-overview,.ht-program-detail-layout { grid-template-columns:minmax(0,1fr); }
 .ht-program-overview:nth-child(even) .ht-program-overview-art { order:0; }
 .ht-program-overview-art { max-width:440px; }
 .ht-program-detail-page { padding:38px 0; }
}

/* Phase 13: finished, accessible program-detail layout. Affects only program pages. */
.ht-program-detail-page { padding:0; background:#fffdf9; }
.ht-detail-hero {background:linear-gradient(118deg,#fff 9%,#fff8ec 58%,#f1d7be 165%);border-bottom:1px solid var(--ht-line);}
.ht-detail-hero-grid {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,4vw,64px);align-items:center;padding-top:56px;padding-bottom:62px;}
.ht-detail-breadcrumb {display:inline-flex;align-items:center;gap:9px;color:var(--ht-brown);font-weight:700;text-decoration:none;margin-bottom:32px;font-size:14px;}
.ht-detail-breadcrumb .ht-svg {transform:rotate(180deg);}
.ht-detail-hero-copy .ht-overline {color:var(--ht-orange);margin:0 0 13px;}
.ht-detail-hero h1 {font:700 clamp(38px,5vw,72px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:0;color:var(--ht-ink);overflow-wrap:anywhere;}
.ht-detail-subtitle {color:var(--ht-brown);font-size:clamp(17px,1.7vw,22px);line-height:1.55;margin:23px 0 27px;}
.ht-detail-hero-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.ht-detail-hero-actions .ht-button {min-height:52px;padding:14px 22px;font-size:15px;}
.ht-detail-hero-visual {padding:14px;background:#fff;border:1px solid #edd8c3;border-radius:26px;box-shadow:0 20px 50px rgba(92,55,37,.1);}
.ht-detail-hero-visual img {display:block;width:100%;height:auto;aspect-ratio:880/750;object-fit:contain;border-radius:17px;}
.ht-detail-reading-area {padding:65px 0 78px;}
.ht-detail-reading-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(235px, .4fr);gap:clamp(25px,5vw,80px);align-items:start;}
.ht-detail-article {max-width:800px;line-height:1.85;color:var(--ht-ink);font-size:17px;}
.ht-detail-article > p:first-child {font-size:clamp(18px,1.85vw,21px);line-height:1.75;color:var(--ht-brown);font-weight:500;border-left:4px solid var(--ht-orange);padding-left:19px;margin:0 0 43px;}
.ht-detail-copy-section {margin:36px 0 0;padding-bottom:28px;border-bottom:1px solid var(--ht-line);}
.ht-detail-copy-section:last-child {border-bottom:0;}
.ht-detail-copy-section h2 {font:700 clamp(25px,2.7vw,35px)/1.2 Georgia,serif;margin:0 0 19px;color:var(--ht-ink);}
.ht-detail-copy-section p {margin:0 0 13px;color:var(--ht-ink-70);}
.ht-detail-aside {position:sticky;top:20px;}
.ht-detail-aside-inner {padding:28px 25px;border:1px solid #ead2bb;border-radius:20px;background:#fff8ec;}
.ht-detail-aside h2 {font:700 24px/1.2 Georgia,serif;margin:0 0 14px;}
.ht-detail-aside p {color:var(--ht-ink-70);line-height:1.7;margin:0 0 18px;font-size:14px;}
.ht-detail-contact {font-size:14px;font-weight:700;color:var(--ht-brown);display:inline-flex;gap:9px;align-items:center;overflow-wrap:anywhere;}
.ht-detail-other {padding:58px 0 75px;background:#fff4e6;border-top:1px solid #ead2bb;}
.ht-detail-other-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;}
.ht-detail-other-card {display:block;padding:15px;background:#fff;border:1px solid #ead2bb;border-radius:19px;text-decoration:none;color:var(--ht-ink);transition:transform .2s ease,border-color .2s ease;}
.ht-detail-other-card:hover {transform:translateY(-3px);border-color:var(--ht-orange);}
.ht-detail-other-card img {display:block;width:100%;aspect-ratio:880/540;object-fit:contain;border-radius:12px;background:#fffaf4;}
.ht-detail-other-card div {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 3px 4px;}
.ht-detail-other-card strong {font-size:17px;line-height:1.35;}
.ht-detail-other-card .ht-svg {color:var(--ht-orange);flex:0 0 auto;}
@media(max-width:900px){
 .ht-detail-hero-grid {grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px;}
 .ht-detail-hero h1 {font-size:clamp(33px,4.6vw,48px);}
 .ht-detail-reading-grid {grid-template-columns:minmax(0,1fr) minmax(190px,.48fr);gap:28px;}
}
@media(max-width:740px){
 .ht-detail-hero-grid,.ht-detail-reading-grid {grid-template-columns:1fr;}
 .ht-detail-hero-grid {padding-top:30px;padding-bottom:40px;gap:32px;}
 .ht-detail-breadcrumb {margin-bottom:20px;}
 .ht-detail-hero h1 {font-size:clamp(34px,8.2vw,52px);}
 .ht-detail-reading-area {padding:43px 0;}
 .ht-detail-aside {position:static;}
 .ht-detail-other-grid {grid-template-columns:1fr;gap:13px;}
 .ht-detail-other-card {display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;align-items:center;}
 .ht-detail-other-card img {aspect-ratio:1.2;}
 .ht-detail-other-card div {margin:0;}
 .ht-detail-other {padding:42px 0;}
}
@media(max-width:400px){
 .ht-detail-hero-actions .ht-button {width:100%;justify-content:center;}
 .ht-detail-other-card {grid-template-columns:95px minmax(0,1fr);padding:11px;}
 .ht-detail-other-card strong {font-size:15px;}
 .ht-detail-article {font-size:16px;}
}

/* ===============================================
   HelpTana unified header / GIF language menu (2026-11-06)
   Palette and other visual elements remain unchanged.
   =============================================== */
.ht-topbar {position:relative;z-index:50;}
.ht-topbar-inner {min-height:91px; display:flex;align-items:center;justify-content:space-between;gap:15px;}
.ht-brand {display:inline-flex;flex-direction:row;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 110px);text-decoration:none;}
.ht-brand-top {display:inline-flex;align-items:center;gap:12px;min-width:0;}
.ht-brand-mark {display:grid;place-items:center;width:67px;height:62px;flex:0 0 67px;background:#fff;overflow:hidden;}
.ht-brand-mark img {width:67px;height:60px;object-fit:contain;display:block;}
.ht-brand-prefix,.ht-brand-name {color:var(--ht-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.03em;font-size:25px;line-height:1.1;font-weight:850;white-space:nowrap;}
.ht-top-actions {position:relative;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;width:auto;margin-left:auto;}
.ht-language-menu {position:relative;display:block;color:var(--ht-ink);}
.ht-language-toggle {display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:4px 10px 4px 5px;cursor:pointer;border:1px solid var(--ht-line);border-radius:14px;background:#fff;list-style:none;box-shadow:0 3px 8px rgba(92,55,37,.04);}
.ht-language-toggle::-webkit-details-marker {display:none;}
.ht-language-toggle::marker {content:"";}
.ht-language-toggle:hover,.ht-language-menu[open] .ht-language-toggle {border-color:var(--ht-orange);background:#fffaf2;}
.ht-language-gif {display:block;width:52px;height:52px;object-fit:contain;border-radius:10px;}
.ht-menu-hamburger {display:flex;flex-direction:column;justify-content:center;gap:4px;width:19px;height:23px;}
.ht-menu-hamburger span {display:block;height:2px;width:19px;border-radius:4px;background:var(--ht-brown);transition:transform .18s ease,opacity .18s ease;}
.ht-language-menu[open] .ht-menu-hamburger span:nth-child(1) {transform:translateY(6px) rotate(45deg);}
.ht-language-menu[open] .ht-menu-hamburger span:nth-child(2) {opacity:0;}
.ht-language-menu[open] .ht-menu-hamburger span:nth-child(3) {transform:translateY(-6px) rotate(-45deg);}
.ht-language-dropdown {position:absolute;right:0;top:calc(100% + 8px);width:235px;max-width:calc(100vw - 20px);padding:7px;background:#fff;border:1px solid var(--ht-line);border-radius:15px;box-shadow:0 24px 44px rgba(39,34,31,.18);display:grid;gap:3px;z-index:999;}
.ht-language-dropdown a {display:flex;align-items:center;gap:13px;min-height:42px;padding:9px 12px;border-radius:9px;text-decoration:none;font-size:14px;line-height:1.3;color:var(--ht-ink);}
.ht-language-dropdown a:hover,.ht-language-dropdown a:focus-visible,.ht-language-dropdown a.is-current {background:#fff0db;}
.ht-language-code {font-weight:850;letter-spacing:.05em;color:var(--ht-brown);min-width:31px;}
.ht-language-check {margin-left:auto;font-weight:900;color:var(--ht-orange);}
@media (max-width:740px) {
  .ht-topbar-inner {min-height:91px;}
  .ht-brand-prefix,.ht-brand-name {font-size:21px;}
  .ht-brand-mark {width:53px;height:51px;flex-basis:53px;}
  .ht-brand-mark img {width:53px;height:49px;}
  .ht-language-toggle {min-height:57px;}
  .ht-language-gif {width:47px;height:47px;}
}
@media (max-width:600px) {
  .ht-topbar-inner {display:flex;position:relative;min-height:105px;justify-content:center;flex-wrap:nowrap;gap:0;padding:11px 84px 9px;}
  .ht-brand {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;max-width:100%;min-width:0;margin:0 auto;text-align:center;}
  .ht-brand-top {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;}
  .ht-brand-mark {width:43px;height:40px;flex:0 0 43px;}
  .ht-brand-mark img {width:43px;height:39px;}
  .ht-brand-prefix {font-size:14px;font-weight:750;letter-spacing:.015em;}
  .ht-brand-name {display:block;font-size:22px;line-height:1.05;font-weight:850;letter-spacing:-.035em;}
  .ht-top-actions {position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;width:auto;flex-basis:auto;justify-content:flex-end;margin:0;}
  .ht-language-toggle {min-height:51px;padding:3px 6px;gap:5px;border-radius:11px;}
  .ht-language-gif {height:42px;width:42px;border-radius:8px;}
  .ht-menu-hamburger {width:15px;gap:3px;}
  .ht-menu-hamburger span {width:15px;}
  .ht-language-menu[open] .ht-menu-hamburger span:nth-child(1){transform:translateY(5px) rotate(45deg);}
  .ht-language-menu[open] .ht-menu-hamburger span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
}
@media (max-width:340px) {
  .ht-topbar-inner {padding-left:75px;padding-right:75px;}
  .ht-brand-prefix {font-size:13px;}
  .ht-brand-name {font-size:20px;}
  .ht-top-actions {right:6px;}
  .ht-language-dropdown {right:-2px;}
}
@media (prefers-reduced-motion:reduce) {
  .ht-menu-hamburger span{transition:none;}
}


/* HelpTana Etap 15 - bank transfer-only donation flow, mobile first. */
.ht-donate-flow { scroll-margin-top:24px; }
.ht-donate-intro { max-width:750px; margin:0 0 28px; }
.ht-donate-intro h3 { font:700 clamp(29px,3.7vw,44px)/1.18 Georgia,serif; letter-spacing:-.025em; margin:12px 0 12px; }
.ht-donate-intro p { max-width:675px; color:var(--ht-ink-70); line-height:1.75; margin:0; }
.ht-donate-columns { display:grid; grid-template-columns:minmax(0, .86fr) minmax(0,1.14fr); gap:20px; align-items:stretch; }
.ht-donate-choices { border:1px solid var(--ht-line); border-radius:20px; background:#fff; padding:24px 22px; min-width:0; margin:0; }
.ht-donate-choices legend { float:left; width:100%; font-weight:850; font-size:17px; margin:0 0 18px; padding:0; }
.ht-donate-choices legend+* { clear:both; }
.ht-donate-choice { position:relative; display:flex; align-items:center; gap:14px; padding:13px 14px; margin:9px 0; border-radius:13px; border:1px solid var(--ht-line); cursor:pointer; background:#fff; min-height:65px; }
.ht-donate-choice:has(input:checked) { background:#fff4e4; border-color:var(--ht-orange); box-shadow:inset 0 0 0 1px var(--ht-orange); }
.ht-donate-choice:focus-within { outline:3px solid var(--ht-orange); outline-offset:2px; }
.ht-donate-choice input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ht-donate-choice-symbol { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; background:#fff0da; color:var(--ht-brown); border-radius:12px; pointer-events:none; }
.ht-donate-choice-text { font-size:15px; line-height:1.35; font-weight:750; min-width:0; pointer-events:none; }
.ht-donate-choice-indicator { width:19px; height:19px; flex:0 0 19px; border:2px solid #9d806b; border-radius:50%; margin-left:auto; pointer-events:none; }
.ht-donate-choice:has(input:checked) .ht-donate-choice-indicator { border-color:var(--ht-orange); background:var(--ht-orange); box-shadow:inset 0 0 0 4px #fff; }
.ht-donate-bank { min-width:0; border-radius:20px; padding:clamp(22px,3vw,35px); background:#fff8eb; border:1px solid rgba(92,55,37,.19); box-shadow:0 15px 38px rgba(92,55,37,.06); }
.ht-donate-available { display:inline-flex; align-items:center; gap:9px; padding:8px 13px; background:#fff; border:1px solid rgba(92,55,37,.13); border-radius:20px; font-weight:780; color:var(--ht-brown); font-size:12px; line-height:1.35; }
.ht-donate-available-dot { width:9px; height:9px; background:#368c61; border-radius:50%; flex:0 0 9px; }
.ht-donate-bank h3 { font:700 clamp(26px,3vw,34px)/1.2 Georgia,serif; margin:22px 0 10px; }
.ht-donate-instruction { font-size:14px; line-height:1.7; color:var(--ht-ink-70); margin:0 0 22px; }
.ht-donate-values { margin:0; display:grid; gap:11px; }
.ht-donate-field { background:white; border:1px solid var(--ht-line); border-radius:12px; min-width:0; padding:13px 16px; }
.ht-donate-field dt { color:var(--ht-brown); text-transform:uppercase; font-size:11px; font-weight:850; letter-spacing:.085em; margin-bottom:5px; }
.ht-donate-field dd { display:flex; gap:12px; align-items:center; justify-content:space-between; min-width:0; margin:0; }
.ht-donate-field dd > span,.ht-donate-field dd > strong { font-size:15px; font-weight:800; overflow-wrap:anywhere; word-break:break-word; min-width:0; }
.ht-donate-iban { font-size:clamp(14px,1.7vw,20px)!important; font-variant-numeric:tabular-nums; letter-spacing:.015em; }
.ht-donate-copy { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px; min-height:39px; padding:8px 11px; border:1px solid var(--ht-line); border-radius:9px; background:#fff7ee; color:var(--ht-brown); font-size:12px; font-weight:800; cursor:pointer; }
.ht-donate-copy:hover { background:var(--ht-beige); }
.ht-donate-copy:focus-visible { outline:3px solid var(--ht-orange); outline-offset:2px; }
.ht-donate-copy-status { color:var(--ht-brown); font-weight:750; min-height:22px; font-size:12px; margin:10px 0 0; }
.ht-donate-bank-footer { display:flex; flex-wrap:wrap; flex-direction:column; gap:7px; margin-top:10px; color:var(--ht-ink-70); font-size:12px; line-height:1.6; }
.ht-donate-bank-footer span:first-child { font-weight:750; }
.ht-donate-lower { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:22px; }
.ht-donate-guide,.ht-donate-future { background:#fff; border:1px solid var(--ht-line); border-radius:18px; padding:26px 29px; }
.ht-donate-lower h3 { margin:0 0 16px; font:700 24px/1.25 Georgia,serif; }
.ht-donate-guide ol { margin:0; padding-left:22px; line-height:1.85; color:var(--ht-ink-70); }
.ht-donate-guide li { padding-left:4px; }
.ht-donate-future p { color:var(--ht-ink-70); line-height:1.72; margin:0 0 12px; }
.ht-donate-future p strong { color:var(--ht-ink); }
.ht-donate-future a,.ht-donate-back { display:inline-flex; align-items:center; gap:8px; color:var(--ht-brown); text-underline-offset:4px; font-weight:800; }
.ht-donate-back { margin-top:22px; }
@media(max-width:930px) { .ht-donate-columns { grid-template-columns:minmax(0,1fr); } }
@media(max-width:640px) { .ht-donate-lower { grid-template-columns:minmax(0,1fr); } .ht-donate-choices { padding:20px 15px; } .ht-donate-choice { gap:10px; padding:11px 10px; } .ht-donate-choice-symbol { flex-basis:36px; width:36px; height:36px; } .ht-donate-choice-text { font-size:14px; } .ht-donate-guide,.ht-donate-future { padding:21px 20px; } }
@media(max-width:375px) { .ht-donate-field dd { align-items:flex-start; flex-wrap:wrap; } .ht-donate-copy { margin-left:auto; } .ht-donate-choice-indicator { flex:0 0 17px; width:17px; height:17px; } }


/* HelpTana Stage 16: distinct editorial content for Fundacja and Kontakt. */
.ht-editorial-block {margin-top:42px;}
.ht-editorial-intro {max-width:770px;margin:0 0 23px;}
.ht-editorial-intro h3 {font:700 clamp(27px,3.5vw,41px)/1.18 Georgia,serif;letter-spacing:-.028em;margin:10px 0 12px;color:var(--ht-ink);}
.ht-editorial-intro p {font-size:15px;line-height:1.76;color:var(--ht-ink-70);margin:0;}
.ht-editorial-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ht-editorial-card {background:white;border:1px solid var(--ht-line);border-radius:17px;padding:26px 24px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
.ht-editorial-icon {display:grid;place-items:center;width:57px;height:57px;flex:0 0 auto;color:var(--ht-brown);background:rgba(246,173,34,.19);border-radius:15px;}
.ht-editorial-card h4 {font:700 22px/1.22 Georgia,serif;color:var(--ht-ink);margin:18px 0 12px;}
.ht-editorial-card p {font-size:14px;color:var(--ht-ink-70);line-height:1.72;margin:0;}
.ht-editorial-email {display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:19px;color:var(--ht-brown);font-size:14px;font-weight:850;text-decoration:underline;text-underline-offset:4px;}
.ht-editorial-email:hover {color:var(--ht-orange);}
.ht-editorial-promo {display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding:30px;border:1px solid rgba(92,55,37,.16);border-radius:18px;background:#fff5e7;}
.ht-editorial-promo h3 {font:700 27px/1.2 Georgia,serif;margin:8px 0 9px;}
.ht-editorial-promo p {max-width:600px;margin:0;color:var(--ht-ink-70);font-size:14px;line-height:1.67;}
.ht-editorial-actions {display:flex;flex-direction:column;gap:10px;flex:0 0 auto;min-width:210px;}
.ht-editorial-actions .ht-button {text-align:center;max-width:100%;white-space:normal;}
.ht-editorial-location {display:flex;align-items:center;justify-content:space-between;gap:26px;padding:21px 25px;margin-top:20px;border-radius:14px;border:1px solid var(--ht-line);background:#fff;}
.ht-editorial-location div {display:flex;flex-direction:column;gap:3px;}
.ht-editorial-location strong {font-size:14px;color:var(--ht-brown);}
.ht-editorial-location span {font-size:15px;}
.ht-editorial-location small {max-width:390px;color:var(--ht-ink-70);font-size:12px;line-height:1.5;}
@media(max-width:920px){
 .ht-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .ht-editorial-card:last-child:nth-child(odd){grid-column:1/-1;}
 .ht-editorial-promo{flex-direction:column;align-items:stretch;}
 .ht-editorial-actions{flex-direction:row;min-width:0;flex-wrap:wrap;}
}
@media(max-width:600px){
 .ht-editorial-block{margin-top:32px;}
 .ht-editorial-grid{grid-template-columns:1fr;}
 .ht-editorial-card:last-child:nth-child(odd){grid-column:auto;}
 .ht-editorial-card{padding:22px;}
 .ht-editorial-promo{padding:22px;}
 .ht-editorial-actions{flex-direction:column;}
 .ht-editorial-actions .ht-button{width:100%;}
 .ht-editorial-location{flex-direction:column;align-items:flex-start;padding:20px;gap:14px;}
}


/* HelpTana Etap 17: native WordPress posts, image galleries, PDF report attachments. */
.ht-pub-section{margin-top:44px;scroll-margin-top:26px;}
.ht-pub-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px;}
.ht-pub-heading h3{font:700 clamp(29px,3.5vw,43px)/1.17 Georgia,serif;letter-spacing:-.025em;margin:9px 0 0;color:var(--ht-ink);}
.ht-pub-heading p{color:var(--ht-ink-70);max-width:450px;line-height:1.72;margin:0;}
.ht-pub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch;}
.ht-pub-card{border:1px solid var(--ht-line);border-radius:18px;overflow:hidden;background:white;min-width:0;display:flex;flex-direction:column;box-shadow:0 11px 27px rgba(92,55,37,.055);}
.ht-pub-image-link{background:#fff1d9;display:block;aspect-ratio:1.53;overflow:hidden;}
.ht-pub-image{height:100%;width:100%;display:block;object-fit:cover;transition:transform .25s ease;}
.ht-pub-image--fallback{object-fit:contain;padding:17px;background:linear-gradient(120deg,#fff8ee,#f1d7be);}
.ht-pub-card:hover .ht-pub-image{transform:scale(1.03);}
.ht-pub-body{display:flex;flex:1;flex-direction:column;padding:24px;min-width:0;}
.ht-pub-meta{display:flex;flex-wrap:wrap;gap:6px 13px;color:var(--ht-brown);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.055em;}
.ht-pub-meta span:not(:first-child){padding-left:11px;border-left:1px solid var(--ht-line);}
.ht-pub-card h4{font:700 clamp(21px,2vw,25px)/1.27 Georgia,serif;letter-spacing:-.016em;color:var(--ht-ink);margin:13px 0;}
.ht-pub-card h4 a{color:inherit;text-decoration:none;}
.ht-pub-card h4 a:hover{text-decoration:underline;text-decoration-color:var(--ht-orange);text-underline-offset:4px;}
.ht-pub-card p{color:var(--ht-ink-70);font-size:14px;line-height:1.74;margin:0 0 23px;}
.ht-pub-card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:13px 17px;align-items:center;}
.ht-pub-read,.ht-pub-pdf{display:inline-flex;gap:7px;align-items:center;text-decoration:none;color:var(--ht-brown);font-size:13px;font-weight:800;}
.ht-pub-read:hover,.ht-pub-pdf:hover{text-decoration:underline;text-underline-offset:4px;}
.ht-pub-pdf{border:1px solid rgba(92,55,37,.26);border-radius:8px;padding:6px 9px;background:#fff8e9;}
.ht-pub-empty{padding:36px 28px;min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:#fff9f0;border:1px dashed rgba(92,55,37,.3);border-radius:16px;}
.ht-pub-empty-icon{width:60px;height:60px;background:#f1d7be;border-radius:18px;color:var(--ht-brown);display:grid;place-items:center;}
.ht-pub-empty p{max-width:590px;line-height:1.72;color:var(--ht-ink-70);font-size:15px;margin:4px 0 0;}
.ht-pub-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px;}
.ht-pub-pagination span{font-size:13px;font-weight:750;color:var(--ht-brown);}
.ht-pub-pagination a{font-size:13px;font-weight:800;background:white;border:1px solid var(--ht-line);padding:10px 16px;border-radius:9px;text-decoration:none;}
.ht-pub-pagination a:hover{border-color:var(--ht-orange);}
.ht-pub-single{padding:68px 0 98px;background:linear-gradient(145deg,rgba(241,215,190,.22) 0,white 390px);}
.ht-pub-single-container{max-width:950px;}
.ht-pub-breadcrumb a,.ht-pub-back-bottom{display:inline-flex;align-items:center;gap:10px;color:var(--ht-brown);font-size:14px;font-weight:800;text-decoration:none;}
.ht-pub-breadcrumb a:hover,.ht-pub-back-bottom:hover{text-decoration:underline;text-underline-offset:4px;}
.ht-pub-breadcrumb svg,.ht-pub-back-bottom svg{transform:rotate(180deg);}
.ht-pub-article{margin-top:30px;}
.ht-pub-article h1{max-width:860px;color:var(--ht-ink);font:700 clamp(36px,5vw,66px)/1.11 Georgia,serif;letter-spacing:-.04em;margin:17px 0 20px;}
.ht-pub-article-meta{display:flex;gap:12px 19px;flex-wrap:wrap;color:var(--ht-brown);font-size:12px;font-weight:780;text-transform:uppercase;letter-spacing:.06em;margin-bottom:36px;}
.ht-pub-featured-image{margin:0 0 38px;}
.ht-pub-featured-image img{width:100%;height:auto;max-height:610px;object-fit:cover;border-radius:19px;display:block;}
.ht-pub-featured-image figcaption{font-size:12px;color:var(--ht-ink-70);text-align:right;margin-top:8px;}
.ht-pub-article-content{font-size:17px;line-height:1.82;color:var(--ht-ink);overflow-wrap:anywhere;}
.ht-pub-article-content > *{max-width:100%;}
.ht-pub-article-content p{margin:0 0 23px;}
.ht-pub-article-content h2{font:700 clamp(25px,3vw,34px)/1.3 Georgia,serif;margin:40px 0 20px;}
.ht-pub-article-content h3{font:700 24px/1.32 Georgia,serif;margin:33px 0 17px;}
.ht-pub-article-content figure{margin:29px 0;}
.ht-pub-article-content img{height:auto;border-radius:12px;}
.ht-pub-article-content a{color:var(--ht-brown);text-decoration:underline;text-underline-offset:3px;}
.ht-pub-article-content blockquote{border-left:4px solid var(--ht-orange);margin:32px 0;padding:12px 23px;background:#fff6e9;}
.ht-pub-article-content .wp-block-gallery{display:flex;flex-wrap:wrap;gap:14px;}
.ht-pub-article-content .wp-block-gallery figure{flex:1 1 210px;margin:0;min-width:0;}
.ht-pub-article-content .wp-block-gallery img{object-fit:cover;}
.ht-pub-document-download{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid rgba(92,55,37,.19);background:#fff2dd;border-radius:17px;padding:24px;margin-top:40px;}
.ht-pub-document-download strong{font:700 24px/1.3 Georgia,serif;}
.ht-pub-document-download p{font-size:13px;color:var(--ht-ink-70);margin:5px 0 0;}
.ht-pub-back-bottom{margin-top:39px;}
@media(max-width:990px){.ht-pub-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ht-pub-heading{align-items:flex-start;flex-direction:column;gap:12px;}}
@media(max-width:630px){.ht-pub-grid{grid-template-columns:minmax(0,1fr);}.ht-pub-card{border-radius:15px;}.ht-pub-body{padding:19px;}.ht-pub-section{margin-top:35px;}.ht-pub-empty{padding:28px 20px;}.ht-pub-single{padding:36px 0 65px;}.ht-pub-article-meta{margin-bottom:22px;}.ht-pub-article-content{font-size:16px;}.ht-pub-featured-image{margin-bottom:25px;}.ht-pub-document-download{padding:20px;}.ht-pub-document-download .ht-button{width:100%;}}
@media(prefers-reduced-motion:reduce){.ht-pub-image{transition:none;}}

/* HelpTana visual pass 01 - footer identity and branded social links. */
.ht-footer-identity { flex: 1 1 420px; min-width: 0; }
.ht-footer-registration { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 9px; font-size: 13px; line-height: 1.55; }
.ht-footer-registration > small { font-size: 13px; color: rgba(255,255,255,.84); }
.ht-footer-regcodes { display: flex; flex-wrap: wrap; gap: 5px 17px; color: rgba(255,255,255,.79); font-size: 12px; }
.ht-footer-regcodes span { white-space: nowrap; }
.ht-socials { gap: 10px; margin-top: 17px; }
.ht-socials a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 9px 12px; min-height: 44px; border: 1px solid rgba(241,215,190,.32); border-radius: 10px; background: rgba(255,255,255,.06); color: #fff; font-size: 13px; font-weight: 650; text-decoration: none; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.ht-socials a:hover { background: rgba(241,215,190,.17); border-color: var(--ht-yellow); text-decoration: none; transform: translateY(-2px); }
.ht-socials a:focus-visible { outline-offset: 4px; }
.ht-social-svg { width: 22px; height: 22px; display: block; flex: 0 0 22px; }
@media (max-width: 520px) {
  .ht-socials { gap: 8px; }
  .ht-socials a { padding: 9px 10px; font-size: 12px; }
  .ht-footer-registration { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .ht-socials a { transition: none; }
  .ht-socials a:hover { transform: none; }
}

/* HelpTana design pass 02 - Polish-only BLIK phone donation above bank details. */
.ht-blik-card{margin:0 0 24px;padding:clamp(22px,3.4vw,36px);background:linear-gradient(115deg,#fff5e8 0%,#fff 100%);border:1px solid #efcda6;border-left:6px solid #f46d29;border-radius:20px;box-shadow:0 16px 35px rgba(92,55,37,.075);color:var(--ht-ink);}
.ht-blik-head{display:flex;align-items:center;gap:clamp(18px,3vw,32px);}
.ht-blik-logo{display:block;flex:0 0 auto;width:clamp(125px,14vw,200px);height:auto;object-fit:contain;}
.ht-blik-head>div{flex:1;min-width:0;}
.ht-blik-kicker{display:block;color:#8f4120;font-size:11px;font-weight:900;letter-spacing:.09em;line-height:1.6;}
.ht-blik-head h4{font:700 clamp(25px,2.7vw,34px)/1.16 Georgia,serif;letter-spacing:-.025em;margin:6px 0 12px;}
.ht-blik-head p,.ht-blik-label,.ht-blik-hint{line-height:1.68;color:var(--ht-ink-70);font-size:14px;margin:0;}
.ht-blik-divider{border-top:1px solid #ecd5bc;margin:22px 0 18px;}
.ht-blik-label{margin:0 0 11px;color:var(--ht-ink);}
.ht-blik-phone-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px;}
.ht-blik-phone{color:#2b241f!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(30px,5.2vw,51px);font-weight:850;line-height:1.12;letter-spacing:-.025em;text-decoration:none!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.ht-blik-phone:hover{text-decoration:underline!important;text-underline-offset:5px;}
.ht-blik-copy{background:#fff;white-space:nowrap;}
.ht-blik-reference{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 17px;background:#fff;border:1px solid var(--ht-line);border-radius:12px;margin:0 0 12px;}
.ht-blik-reference>div{display:flex;flex-direction:column;gap:6px;}
.ht-blik-reference strong{font-size:12px;color:var(--ht-brown);text-transform:uppercase;letter-spacing:.045em;}
#ht-blik-reference{font-weight:850;font-size:17px;overflow-wrap:anywhere;}
.ht-blik-hint{font-size:12px;margin:7px 0 0;}
.ht-blik-card .ht-donate-copy-status{margin:5px 0 0;min-height:0;}
@media(max-width:630px){.ht-blik-head{align-items:flex-start;flex-direction:column;gap:15px;}.ht-blik-logo{width:145px;}.ht-blik-phone-row{align-items:flex-start;gap:12px;}.ht-blik-phone{font-size:clamp(29px,8.7vw,45px);}.ht-blik-reference{padding:13px 14px;}}