/* 2026-11-07: public assessment-first navigation and presentation. */
.main-nav{gap:13px}.main-nav>a,.nav-mega summary{font-size:.90rem;white-space:nowrap;font-weight:800;color:var(--ink-soft)}
.nav-mega summary{cursor:pointer;list-style:none;padding:9px 2px;display:flex;align-items:center;gap:7px}
.nav-mega summary::-webkit-details-marker{display:none}
.nav-mega summary::after{content:'⌄';font-size:1.2em;line-height:1}
.nav-mega__details[open] summary{color:var(--green)}
.nav-mega__panel{position:absolute;left:50%;top:calc(100% + 1px);transform:translateX(-50%);width:min(1120px,calc(100vw - 36px));max-height:min(75vh,720px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:0 0 24px 24px;background:#fff;padding:24px;box-shadow:0 24px 48px rgba(16,44,64,.18)}
.nav-mega__intro{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:18px}
.nav-mega__intro a{color:var(--green)!important;text-decoration:underline}
.nav-mega__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.nav-mega__group h2{font-size:.97rem;margin:0 0 8px;color:var(--ink)}
.nav-mega__group h2 a{color:var(--ink)}
.nav-mega__group ul{padding:0;margin:0;list-style:none;display:grid;gap:1px}
.nav-mega__group li a{display:block;font-size:.84rem;color:var(--ink-soft);padding:4px 0;font-weight:500;line-height:1.35}
.nav-mega__group li a:hover{text-decoration:underline;color:var(--green)}
.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 38px}
.category-links a{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-weight:750;font-size:.88rem}
.category-links a:hover,.category-links a:focus-visible{border-color:var(--green);color:var(--green)}
.catalogue-group{scroll-margin-top:105px;margin-bottom:64px}
.catalogue-group__heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:14px}
.catalogue-group__heading h2{margin:0;font-size:clamp(1.35rem,3vw,1.9rem)}
.catalogue-group__heading p{margin:0;color:var(--ink-soft)}
.catalogue-group .software-grid{margin-top:0}
.group-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 16px}
.group-preview a{color:var(--green);font-weight:800;text-decoration:underline}
.free-stamp{display:inline-block;background:var(--mint);color:var(--green);border-radius:999px;padding:6px 12px;font-weight:900;font-size:.83rem}
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.audience-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:0 16px 32px rgba(16,44,64,.05)}
.audience-card h3{margin:0 0 10px}.audience-card p{color:var(--ink-soft);margin:0}
.notice-proportional{background:#fff;padding:18px 24px;border-radius:18px;border:1px solid var(--border);font-size:.96rem;color:var(--ink-soft)}
.free-clarity{padding:18px 22px;border-radius:18px;background:#edf8f2;border:1px solid #b6dfc6}
.free-clarity strong{color:var(--green)}
@media (max-width:1180px){.main-nav{gap:10px}.main-nav>a,.nav-mega summary{font-size:.82rem}}
@media (max-width:1320px){.header-inner{position:relative;flex-wrap:nowrap}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);padding:14px 16px 18px;background:#fff;border:1px solid var(--border);border-radius:0 0 20px 20px;box-shadow:0 18px 36px rgba(16,44,64,.16);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 120px);overflow:auto}.nav-open .main-nav{display:flex}.main-nav>a{display:block;padding:12px;border-bottom:1px solid var(--border)}.nav-mega summary{padding:12px;border-bottom:1px solid var(--border)}.nav-mega__panel{position:static;transform:none;width:100%;max-height:50vh;border:0;box-shadow:none;padding:12px 4px 18px;border-radius:0}.nav-mega__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nav-mega__group li a{padding:5px 0;border:0}.nav-mega__intro{flex-wrap:wrap}}
@media (max-width:760px){.nav-mega__groups,.audience-grid{grid-template-columns:1fr}.category-links{gap:7px}.category-links a{font-size:.78rem}.catalogue-group__heading{align-items:start;flex-direction:column}.nav-mega__panel{max-height:45vh}}


/* 2026-11-07: visual catalogue + instant bilingual search, based on original software cards. */
.brand-logo{width:54px;height:54px;flex:0 0 54px;border-radius:16px;object-fit:cover;box-shadow:0 9px 20px rgba(10,75,62,.20)}
.site-header .brand-copy strong{font-size:1.12rem;letter-spacing:-.025em;color:var(--ink)}
.site-header .brand-copy small{font-size:.74rem;font-weight:650;line-height:1.4;white-space:normal}
.site-footer .brand-copy strong{color:#fff;font-size:1.2rem}
.hero--catalog{background:radial-gradient(circle at 87% 20%,rgba(102,194,178,.22),transparent 45%),linear-gradient(180deg,#f8fcff,#ecf8f2);padding:64px 0 58px}
.hero--catalog .hero-copy h1{max-width:14ch}
.hero-search{position:relative;max-width:690px;margin-top:27px;z-index:3}
.hero-search label,.catalogue-search label{display:block;font-size:.95rem;font-weight:850;margin-bottom:10px;color:var(--ink)}
.hero-search__field,.catalogue-search__field{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c4d9d3;border-radius:18px;padding:5px 15px;box-shadow:0 12px 30px rgba(16,44,64,.10);transition:border-color .16s,box-shadow .16s}
.hero-search__field:focus-within,.catalogue-search__field:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(33,163,102,.12),0 12px 30px rgba(16,44,64,.09)}
.hero-search__field svg,.catalogue-search__field svg{width:22px;height:22px;flex:none;color:var(--green)}
.hero-search__field input,.catalogue-search__field input{min-width:0;flex:1;width:100%;padding:14px 0;border:0;outline:none;box-shadow:none;background:transparent;font-size:1rem;color:var(--ink)}
.hero-search__field input::placeholder,.catalogue-search__field input::placeholder{color:#647c85;opacity:1}
.hero-search__matches{margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 34px rgba(16,44,64,.14);padding:8px;max-height:360px;overflow:auto}
.hero-search__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.hero-search__result{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:12px;color:var(--ink);font-size:.84rem;font-weight:750;min-width:0}
.hero-search__result:hover,.hero-search__result:focus-visible{background:var(--mint);color:var(--green)}
.hero-search__result-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green);font-size:.72rem;font-weight:900}
.hero-search__all{display:block;margin-top:6px;text-align:center;padding:11px 8px;background:#edf8f2;border-radius:10px;color:var(--green);font-weight:850;font-size:.88rem}
.hero-search__matches>p{margin:9px 11px;color:var(--ink-soft);font-size:.89rem}
.hero--catalog .hero-actions{margin-top:19px}
.home-page #evaluations{padding:64px 0 76px;scroll-margin-top:85px}
.catalogue-search{background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px 24px 15px;box-shadow:0 14px 32px rgba(16,44,64,.065);margin:0 0 20px}
.catalogue-search__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.catalogue-search__top label{margin:0 0 12px;font-size:1.12rem}
.catalogue-search__top .free-stamp{margin:0 0 12px}
.catalogue-search__field{box-shadow:none;border-radius:14px;background:#fbfefd}
.catalogue-search__clear{border:0;background:var(--mint);border-radius:10px;padding:9px 13px;color:var(--green);font-weight:800;cursor:pointer}
.catalogue-search__clear:hover{background:#d7f0e2}
.catalogue-search__status{margin:10px 3px 0;font-weight:700;color:var(--ink-soft);font-size:.9rem}
.catalogue-empty{text-align:center;background:#fff;border:1px dashed #b3cfc5;border-radius:22px;padding:28px;margin:20px 0}
.catalogue-empty h3{margin:0 0 7px}.catalogue-empty p{margin:0 0 18px;color:var(--ink-soft)}
.home-page .catalogue-group{margin-bottom:46px}
.home-page .catalogue-group__heading{margin-bottom:16px}
.home-page .software-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-page .software-card--catalogue{display:flex;flex-direction:column;gap:13px;padding:20px 20px 18px;border:1px solid rgba(16,44,64,.12);background:linear-gradient(155deg,var(--card-soft,#fff) 0%,#fff 61%);box-shadow:0 10px 28px rgba(16,44,64,.075);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-page .software-card--catalogue[hidden]{display:none}
.home-page .software-card--catalogue:hover,.home-page .software-card--catalogue:focus-within{transform:translateY(-3px);box-shadow:0 18px 35px rgba(16,44,64,.12);border-color:var(--card-color,var(--green))}
.software-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.home-page .software-card__icon{width:64px;height:64px;flex:0 0 64px;border-radius:18px;box-shadow:0 12px 18px rgba(16,44,64,.09)}
.software-card__free{display:inline-flex;white-space:nowrap;align-items:center;color:var(--green);background:#e7f7ef;border:1px solid #c1e5d1;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:850}
.home-page .software-card__copy h3{font-size:1.19rem;line-height:1.3;margin:0 0 6px}
.home-page .software-card__copy h3 a:hover{text-decoration:underline}
.home-page .software-card__copy p{font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-page .software-card__meta{gap:6px;margin-top:auto}
.home-page .software-card__meta li{font-size:.82rem;line-height:1.3;padding-left:16px}
.home-page .software-card .card-actions{display:grid;gap:9px;grid-template-columns:1fr}
.home-page .software-card .card-actions .button{min-height:42px;font-size:.88rem;padding:10px 9px;border-radius:12px}
@media (max-width:1050px){.home-page .software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .brand-copy small{max-width:170px}}
@media (max-width:670px){.home-page .software-grid{grid-template-columns:1fr}.hero--catalog{padding:38px 0 42px}.hero-search__list{grid-template-columns:1fr}.catalogue-search{padding:18px}.hero-search__field input,.catalogue-search__field input{font-size:.93rem}.site-header .brand-logo{width:45px;height:45px;flex-basis:45px}.site-header .brand-copy small{font-size:.68rem;max-width:150px}}
@media (prefers-reduced-motion:reduce){.home-page .software-card--catalogue{transition:none}.home-page .software-card--catalogue:hover{transform:none}}
