/* "Risorse" + blog (23 Oct 2026). Built on landing.css (.lp tokens, buttons, nav, footer) + sectors.css (.sx hero, kick, h2, final). */
.bl .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl .navpill a[aria-current]{color:var(--lp-green);font-weight:600}
.bl .sx-kick a{text-decoration:none}
.bl img{display:block;width:100%;height:auto}

/* Hub */
.bl .bl-hub{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}
.bl .bl-hub-card{display:flex;flex-direction:column;gap:10px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:24px;padding:26px;text-decoration:none;color:var(--lp-ink);transition:transform .2s var(--ease-out),box-shadow .2s ease}
.bl .bl-hub-card.main{background:var(--lp-deep);color:#dfeee6;border-color:transparent}
.bl .bl-hub-card.main h2{color:#fff}
.bl .bl-hub-card.main .sx-go{color:var(--lp-gold-2)}
.bl .bl-hub-card h2{font-size:1.5rem}
.bl .bl-hub-card p{line-height:1.5;color:inherit;opacity:.85}
.bl .bl-hub-card .sx-go{margin-top:auto}
.bl .bl-hub-k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-gold)}
@media (hover:hover){.bl .bl-hub-card:hover,.bl .bl-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(15,43,32,.45)}}
.bl .bl-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bl .bl-topics a{display:block;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:18px;padding:20px;text-decoration:none;color:var(--lp-ink)}
.bl .bl-topics h3{font-size:1.15rem;margin-bottom:6px}
.bl .bl-topics p{color:var(--lp-muted);line-height:1.5;font-size:15px}
.bl .bl-more{margin-top:20px}

/* List */
.bl .bl-hero{padding-bottom:28px}
.bl .bl-tools{margin-top:26px;display:flex;flex-direction:column;gap:14px}
.bl .bl-chips{display:flex;flex-wrap:wrap;gap:8px}
.bl .bl-chips a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--lp-line);background:var(--lp-surface);color:var(--lp-ink);text-decoration:none;font-weight:500;font-size:15px}
.bl .bl-chips a small{font-size:12px;color:var(--lp-muted)}
.bl .bl-chips a[aria-current]{background:var(--lp-green);border-color:var(--lp-green);color:#fff}
.bl .bl-chips a[aria-current] small{color:#cfe3d8}
.bl .bl-search input{width:100%;max-width:460px;min-height:46px;border-radius:999px;border:1px solid var(--lp-line);background:var(--lp-surface);padding:0 20px;font:inherit;font-size:16px;color:var(--lp-ink)}
.bl .bl-search input:focus{outline:2px solid var(--lp-green);outline-offset:2px}
.bl .bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bl .bl-card{display:flex;flex-direction:column;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:22px;overflow:hidden;transition:transform .2s var(--ease-out),box-shadow .2s ease}
.bl .bl-card-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#e5efe9}
.bl .bl-card-img img{height:100%;object-fit:cover}
.bl .bl-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.bl .bl-card h3{font-size:1.25rem;line-height:1.2}
.bl .bl-card h3 a{color:var(--lp-ink);text-decoration:none}
.bl .bl-card h3 a::after{content:"";position:absolute;inset:0}
.bl .bl-card{position:relative}
.bl .bl-card .bl-cat{position:relative;z-index:1}
.bl .bl-ex{color:var(--lp-muted);line-height:1.5;font-size:15px}
.bl .bl-date{margin-top:auto;font-size:13px;color:var(--lp-muted)}
.bl .bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--lp-muted)}
.bl .bl-meta span+span::before,.bl .bl-meta .bl-cat+span::before{content:"·";margin-right:12px}
.bl .bl-cat{font-weight:700;color:var(--lp-green);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.bl .bl-card.big{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch}
.bl .bl-card.big .bl-card-img{aspect-ratio:auto;min-height:100%}
.bl .bl-card.big .bl-card-body{padding:34px;justify-content:center}
.bl .bl-card.big h3{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.bl .bl-card.big .bl-ex{font-size:1.05rem}
.bl .bl-card.big .bl-date{margin-top:6px}
.bl [data-bl-list]{margin-top:20px}
.bl .bl-empty{margin-top:20px;color:var(--lp-muted)}
.bl .bl-band{margin-top:64px;background:var(--lp-deep);color:#dfeee6;border-radius:28px;padding:44px 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}
.bl .bl-band .sx-kick{color:var(--lp-gold-2)}
.bl .bl-band h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem)}
.bl .bl-band h2 em{color:var(--lp-gold-2);font-style:italic}
.bl .bl-band p{margin-top:12px;line-height:1.55;max-width:56ch}
.bl .bl-band .sx-cta{margin-top:0;justify-content:flex-end}

/* Article */
.bl .bl-art-head{padding-block:40px 28px;max-width:900px;margin-inline:auto}
.bl .bl-art-head h1{font-size:clamp(2rem,4.2vw,3.2rem);margin-top:14px}
.bl .bl-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--lp-muted);margin-bottom:18px}
.bl .bl-crumbs a{color:var(--lp-muted)}
.bl .bl-byline{margin-top:18px;font-size:14px;color:var(--lp-muted)}
.bl .bl-hero-img{margin:0 auto;max-width:1100px;border-radius:26px;overflow:hidden;background:#e5efe9}
.bl .bl-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:56px;justify-content:center;margin-top:44px}
.bl .bl-toc details{position:sticky;top:20px;font-size:14px}
.bl .bl-toc summary{font-weight:700;cursor:pointer;margin-bottom:10px;list-style:none}
.bl .bl-toc summary::-webkit-details-marker{display:none}
.bl .bl-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--lp-line)}
.bl .bl-toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--lp-muted);text-decoration:none;line-height:1.35}
.bl .bl-toc li a:hover,.bl .bl-toc li a.on{color:var(--lp-green);border-left-color:var(--lp-green)}
.bl .bl-body{font-size:1.08rem;line-height:1.7;color:var(--lp-ink);min-width:0}
.bl .bl-body>*+*{margin-top:1.1em}
.bl .bl-body h2{font-size:clamp(1.5rem,2.6vw,1.95rem);margin-top:2.2em;scroll-margin-top:20px;line-height:1.15}
.bl .bl-body h3{font-size:1.25rem;margin-top:1.6em;font-family:var(--body);letter-spacing:0;line-height:1.3}
.bl .bl-body p,.bl .bl-body li{color:#26332c}
.bl .bl-body ul,.bl .bl-body ol{padding-left:1.3em}
.bl .bl-body li+li{margin-top:.45em}
.bl .bl-body a{color:var(--lp-green);font-weight:500}
.bl .bl-body sup{font-size:.7em;line-height:0;margin-left:1px}
.bl .bl-body sup a{text-decoration:none;font-weight:700}
.bl .bl-key{background:#e5efe9;border-radius:20px;padding:22px 26px}
.bl .bl-key h2{font-size:1.1rem;margin:0 0 10px;font-family:var(--body);letter-spacing:.02em;text-transform:uppercase;color:var(--lp-green)}
.bl .bl-key ul{margin:0}
.bl .bl-note{background:var(--lp-surface);border:1px solid var(--lp-line);border-left:4px solid var(--lp-gold);border-radius:14px;padding:16px 20px;font-size:1rem}
.bl .bl-note b{display:block;margin-bottom:4px}
.bl .bl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bl .bl-stats>div{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:16px;padding:16px 18px}
.bl .bl-stats .n{display:block;font-family:var(--display);font-weight:700;font-size:2.2rem;line-height:1;color:var(--lp-green);letter-spacing:-.02em}
.bl .bl-stats p{margin-top:8px;font-size:15px;line-height:1.4;color:var(--lp-muted)}
.bl .bl-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bl .bl-cols>div{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:16px;padding:18px}
.bl .bl-cols h3{margin:0 0 6px;font-family:var(--display);font-size:1.2rem}
.bl .bl-cols p{font-size:15px;line-height:1.5}
.bl .bl-steps{list-style:none;padding:0!important;counter-reset:s}
.bl .bl-steps li{counter-increment:s;position:relative;padding-left:48px;min-height:34px}
.bl .bl-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--lp-green);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center}
.bl .bl-steps li b{color:var(--lp-ink)}
.bl blockquote{margin:0;padding:16px 20px;border-radius:14px;background:var(--lp-surface);border:1px solid var(--lp-line);font-size:1rem;line-height:1.6;color:#26332c}
.bl .bl-table-wrap{overflow-x:auto;border:1px solid var(--lp-line);border-radius:16px;background:var(--lp-surface)}
.bl table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
.bl th,.bl td{text-align:left;vertical-align:top;padding:12px 16px;border-top:1px solid var(--lp-line)}
.bl thead th{border-top:0;background:#eef3ef;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--lp-muted)}
.bl td:first-child{font-weight:600;min-width:130px}
.bl .bl-faq{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:14px;padding:14px 18px}
.bl .bl-faq+.bl-faq{margin-top:10px}
.bl .bl-faq summary{font-weight:600;cursor:pointer}
.bl .bl-faq p{margin-top:8px;font-size:1rem}
.bl .bl-disclaimer{font-size:14px;color:var(--lp-muted);border-top:1px solid var(--lp-line);padding-top:16px}
.bl .bl-sources{margin-top:2.4em;border-top:1px solid var(--lp-line);padding-top:8px}
.bl .bl-sources h2{font-size:1.3rem;margin-top:1em}
.bl .bl-sources ol{font-size:15px;line-height:1.5;margin-top:12px}
.bl .bl-sources li{scroll-margin-top:20px}
.bl .bl-sources li:target{background:#fdf3d8;border-radius:6px}
.bl .bl-sources a{word-break:break-word}
.bl .bl-small{font-size:14px;color:var(--lp-muted)}
.bl .bl-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;margin-top:2em!important}
.bl .bl-share span{color:var(--lp-muted);margin-right:4px}
.bl .bl-share a,.bl .bl-share button{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--lp-line);background:var(--lp-surface);color:var(--lp-ink);text-decoration:none;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.bl .bl-cta{margin-top:2.4em!important;background:var(--lp-deep);color:#dfeee6;border-radius:24px;padding:30px 30px 32px}
.bl .bl-cta .sx-kick{color:var(--lp-gold-2);margin-bottom:8px}
.bl .bl-cta h2{color:#fff;margin:0;font-size:1.7rem}
.bl .bl-cta h2 em{color:var(--lp-gold-2);font-style:italic}
.bl .bl-cta p{color:#dfeee6;font-size:1rem;margin-top:10px}
.bl .bl-cta .sx-cta{margin-top:18px}
.bl .bl-cta a.b{color:inherit}
.bl .bl-cta a.b.gold{color:#1d1503}

@media (max-width:1000px){
  .bl .bl-grid{grid-template-columns:repeat(2,1fr)}
  .bl .bl-hub{grid-template-columns:1fr 1fr}
  .bl .bl-hub-card.main{grid-column:1/-1}
  .bl .bl-layout{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px}
  .bl .bl-toc details{position:static;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:16px;padding:14px 18px}
  .bl .bl-toc summary{margin-bottom:0}
  .bl .bl-toc details[open] summary{margin-bottom:10px}
  .bl .bl-band{grid-template-columns:1fr}
  .bl .bl-band .sx-cta{justify-content:flex-start}
}
@media (max-width:820px){
  .bl .bl-grid,.bl .bl-hub,.bl .bl-topics,.bl .bl-cols{grid-template-columns:1fr}
  .bl .bl-card.big{grid-template-columns:1fr}
  .bl .bl-card.big .bl-card-img{aspect-ratio:16/9}
  .bl .bl-card.big .bl-card-body{padding:22px}
  .bl .bl-band,.bl .bl-cta{padding:30px 22px}
  .bl .bl-art-head{padding-top:24px}
  .bl .bl-hero-img{border-radius:18px}
  .bl .bl-body{font-size:1.04rem}
  .bl .bl-key{padding:18px 20px}
}
@media (prefers-reduced-motion:reduce){.bl .bl-card,.bl .bl-hub-card{transition:none}}
.bl .bl-toc summary::after{content:" ▾";color:var(--lp-muted)}.bl .bl-toc details[open] summary::after{content:" ▴"}@media (min-width:1001px){.bl .bl-toc summary::after,.bl .bl-toc details[open] summary::after{content:none}}
@media print{.bl .bl-key,.bl .bl-note,.bl .bl-faq,.bl blockquote,.bl .bl-stats>div,.bl tr,.bl .bl-steps li,.bl .bl-cols>div{break-inside:avoid}.bl .bl-body h2,.bl .bl-body h3{break-after:avoid}}