.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ressurser-intro { padding-top:22px; padding-bottom:44px; }
.tilbake { font-size:14px; text-underline-offset:4px; }
.ressurser-intro__rad { display:grid; grid-template-columns:1.4fr 1fr; gap:100px; padding:44px 0; align-items:center; }
.ressurser-intro h1 { font-size:clamp(48px,5.3vw,78px); margin-bottom:26px; }
.ressurser-intro .ingress { max-width:38ch; font-size:22px; }
.startpunkt { padding:32px; background:var(--aksent-lys); }
.startpunkt h2 { font-size:29px; letter-spacing:-.035em; margin-bottom:16px; }
.startpunkt .nummer { background:var(--bg); margin-bottom:18px; }
.startpunkt p { color:var(--dempet); font-size:16px; margin-bottom:20px; }
.startpunkt>a { font-size:15px; display:inline-flex; align-items:center; gap:12px; text-underline-offset:4px; font-weight:600; }
.startpunkt svg { width:18px; height:18px; }
.ressurser-om { font-size:14px; border-top:1px solid var(--linje); padding-top:22px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; }
.ressurser-om span { color:var(--dempet); }
.ressursvelger { background:#e3e8d9; padding:40px 0; }
.ressursvelger h2 { font-size:30px; margin-bottom:25px; }
.filterrad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
#filter label { display:grid; gap:8px; font-size:14px; font-weight:600; min-width:0; }
#filter select,#filter input { width:100%; min-width:0; font:inherit; font-weight:400; font-size:16px; background:var(--bg); color:var(--tekst); padding:14px 16px; border:1px solid #9fae9f; border-radius:4px; min-height:52px; }
#filter select { padding-right:8px; }
.sokerad { display:flex; gap:24px; align-items:center; margin-top:24px; }
.sokefelt { flex:1; }
.nullstill { font:inherit; font-size:14px; white-space:nowrap; background:transparent; border:0; text-decoration:underline; text-underline-offset:4px; color:var(--tekst); cursor:pointer; padding:14px 0; }
.ressursresultat { padding-top:35px; padding-bottom:70px; }
.resultatstatus { font-size:14px; color:var(--dempet); margin-bottom:35px; }
.listehode { display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--tekst); }
.listehode h2 { font-size:36px; }
.listehode span { font-size:14px; color:var(--dempet); white-space:nowrap; }
.ressursliste { list-style:none; }
.ressurs { display:grid; grid-template-columns:185px minmax(0,1fr) 48px; gap:28px; border-bottom:1px solid var(--linje); padding:30px 0; }
.ressurs__type span { display:inline-block; padding:6px 10px; background:#e9ecdf; font-size:12px; line-height:1.4; }
.ressurs[data-type="Offentlig"] .ressurs__type span { background:#e4ece8; }
.ressurs[data-type="Privat tilbud"] .ressurs__type span { background:#f9e7a8; }
.ressurs h3 { font-size:27px; margin-bottom:10px; }
.ressurs h3 a { text-decoration:none; }
.ressurs h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.ressurs__tekst>p { font-size:16px; max-width:70ch; color:var(--dempet); line-height:1.65; }
.ressurs__tekst .ressurs__sted { font-size:13px; color:var(--tekst); margin-top:14px; }
.ressurs__pil { width:44px; height:44px; display:grid; place-items:center; border:1px solid #acb9ac; border-radius:50%; }
.ressurs__pil svg { width:21px; height:21px; }
.ressurs__pil:hover { background:#ffdb59; }
.flere { margin-top:26px; }
#fellesGruppe { margin-top:64px; }
.listeintro { font-size:16px; color:var(--dempet); margin:22px 0 0; }
.ingen-treff { padding:35px 0; }
.ingen-treff p { margin:20px 0; }
.tips { background:var(--tekst); color:var(--bg); padding:48px 0; }
.tips .ramme { display:flex; justify-content:space-between; gap:40px; align-items:center; }
.tips h2 { font-size:34px; margin-bottom:14px; }
.tips p { color:#e1e7db; max-width:60ch; font-size:16px; }
@media(max-width:1100px) { .ressursside .topp nav { gap:20px; } .ressurser-intro__rad { gap:40px; } .ressurs { grid-template-columns:145px minmax(0,1fr) 44px; gap:24px; } }
@media(max-width:900px) { .ressursside .topp nav>a:not(.knapp) { display:none; } .ressurser-intro__rad { grid-template-columns:1fr 1fr; } .ressurs h3 {font-size:25px;} .filterrad {gap:15px;} }
@media(max-width:760px) {
 .ressurser-intro {padding-top:12px;padding-bottom:30px;} .ressurser-intro__rad {grid-template-columns:1fr;gap:28px;padding:30px 0;}
 .ressurser-intro h1 {font-size:48px;} .ressurser-intro .ingress {font-size:19px;} .startpunkt {padding:24px;}
 .ressurser-om {font-size:13px;} .ressursvelger {padding:30px 0;} .filterrad {grid-template-columns:1fr;gap:18px;}
 .sokerad {align-items:stretch;flex-direction:column;gap:8px;margin-top:18px;} .nullstill {align-self:flex-start;}
 .ressursresultat {padding-top:25px;padding-bottom:45px;} .resultatstatus {margin-bottom:26px;} .listehode {align-items:flex-start;gap:12px;}
 .listehode h2 {font-size:29px;} .listehode span {padding-top:7px;font-size:12px;} .ressurs {grid-template-columns:minmax(0,1fr) 44px;gap:12px 16px;padding:24px 0;}
 .ressurs__type {grid-column:1 / -1;} .ressurs__tekst {min-width:0;} .ressurs h3 {font-size:24px;overflow-wrap:anywhere;} .ressurs__tekst>p {font-size:15px;}
 .ressurs__sted {overflow-wrap:anywhere;} .ressurs__pil {align-self:start;} #fellesGruppe {margin-top:45px;} .flere {width:100%;}
 .tips .ramme {flex-direction:column;align-items:flex-start;gap:24px;} .tips h2 {font-size:30px;}
}
@media(max-width:760px) { .listehode {flex-direction:column;gap:6px;} .listehode h2 {min-width:0;overflow-wrap:anywhere;} .listehode span {padding-top:0;} }
@media(max-width:380px) { .ressursside .merke {font-size:18px;} .ressursside .topp .knapp--liten {font-size:13px;padding:12px;} }
/* Samme åpne og lesbare uttrykk som fellesskapets forside. */
#filter select,#filter input {border-color:#6c7d6e;}
.ressurs__pil {border-color:#6c7d6e;}
.ressurs__type span {font-size:14px;}
.ressurs__tekst .ressurs__sted {font-size:14px;}
.ressurser-intro h1 {font-size:clamp(42px,5vw,72px);font-weight:650;}
.startpunkt {border-radius:8px;}
.ressurs h3 {letter-spacing:-.025em;}
@media(max-width:760px) {
 .ressursside .topp nav>a:not(.knapp) {display:flex;}
 .ressursside .topp nav {gap:8px;}
 .ressursside .merke {font-size:clamp(18px,5.3vw,22px);}
 .ressurser-intro h1 {font-size:44px;}
 .ressursside .topp .knapp--liten {font-size:14px;padding:12px 16px;}
}
@media(max-width:380px){.ressursside .topp nav{gap:0;}.ressursside .topp .knapp--liten{font-size:13px;padding:12px;}}