/* Page styles: /resources/ */
.r-head{padding:56px 0 34px}
.r-head h1{font-size:clamp(2.2rem,4vw,3.4rem);max-width:18ch}
.r-head .lede{max-width:56ch}
.crumb{font-size:.86rem;color:var(--ink-soft);margin:0 0 16px}
.crumb a{text-decoration:none;color:var(--ink);font-weight:600;border-bottom:2px solid var(--green)}
.rchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.rchip{font-family:var(--fut);font-size:.92rem;font-weight:500;padding:10px 16px;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.rchip[aria-pressed="true"]{background:var(--ink);color:#fff}
.lib{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.lib a{background:#fff;text-decoration:none;display:flex;flex-direction:column}
.lib a:hover{background:var(--panel)}
.lib a[hidden]{display:none}
.cov{height:150px;background:var(--ink);position:relative;padding:18px 18px 0}
.cov::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;
  background:linear-gradient(90deg,var(--green) 0 58%,var(--mint) 58% 86%,var(--pink) 86% 95%,var(--yellow) 95%)}
.cov .ctype{font-family:var(--fut);font-weight:600;font-size:.76rem;color:var(--mint)}
.cov .ctitle{display:block;font-family:var(--fut);color:#fff;font-weight:600;font-size:1.12rem;line-height:1.15;margin-top:8px;max-width:20ch}
.lib a.cs .cov{background:var(--green)}.lib a.cs .cov .ctype{color:#DBF3EB}
.meta{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.meta p{margin:0;font-size:.9rem}
.meta span{margin-top:auto;padding-top:14px;font-size:.8rem;color:var(--ink-soft);display:flex;justify-content:space-between}
.meta span b{font-family:var(--fut);color:var(--ink);font-weight:600;border-bottom:3px solid var(--green)}
.rempty{background:#fff;padding:30px;grid-column:1 / -1;text-align:center;color:var(--ink-soft)}

.portal{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink);margin-top:0}
.p-main{grid-column:span 8;background:var(--ink);color:#B9CEDE;padding:44px 40px}
.p-main h2{color:#fff;font-size:clamp(1.8rem,2.8vw,2.4rem);max-width:18ch}
.p-main p{margin:14px 0 0;max-width:52ch}
.p-list{grid-column:span 4;background:#fff;padding:30px 28px}
.p-list h3{font-size:1.05rem;margin-bottom:10px}
.p-list li{font-size:.92rem;padding:8px 0;border-top:2px solid var(--line);list-style:none}
.p-list ul{margin:0;padding:0}
.btn.onink{background:var(--green);border-color:var(--green);color:#fff}

@media (max-width:1080px){ .lib{grid-template-columns:1fr 1fr} .p-main,.p-list{grid-column:span 12} }
@media (max-width:760px){ .lib{grid-template-columns:1fr} .p-main{padding:36px 22px} }