/* Avgrenset til kort og spørsmål/svar på forsiden. */
/* Mellomting mellom vanlig innholdsbredde og full skjermbredde. */
.pt-1227 #GruppebildeHolder { width: calc(100% - 40px); max-width: 1400px; padding: 0; margin-left: auto; margin-right: auto; }
.pt-1227 #Gruppebilde { display: block; width: 100%; max-width: 100%; height: auto; }
@media (max-width: 767px) { .pt-1227 #GruppebildeHolder { width: calc(100% - 30px); } }
.pi-section { padding-top: 42px; padding-bottom: 64px; color: #263f42; }
.pi-section .pi-heading { max-width: 780px; margin-bottom: 28px; }
.pi-section .pi-eyebrow { display: block; margin-bottom: 10px; color: #337a80; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: none; }
.pi-section .pi-heading h2 { margin: 0 0 14px; color: #263f42; font-size: clamp(23px, 2.6vw, 32px); line-height: 1.3; }
.pi-section .pi-heading p { margin: 0; line-height: 1.8; }
.pi-section .pi-heading a, .pi-section .pi-faq-answer a { color: #286e75; text-decoration: underline; text-underline-offset: 3px; }
.pi-section .pi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding: 0; margin: 0; list-style: none; }
.pi-section .pi-grid-item { min-width: 0; display: flex; }
.pi-section .pi-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto; align-items: center; column-gap: 16px; row-gap: 12px; width: 100%; min-height: 150px; padding: 22px; border: 1px solid #dce9e6; border-radius: 18px; background: linear-gradient(to bottom, #fff 45%, #f2f8f6); color: #263f42; text-decoration: none; box-shadow: 0 4px 15px rgba(34, 75, 68, .035); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pi-section .pi-card-icon { display: grid; place-items: center; width: 46px; height: 46px; margin: 0; grid-column: 1; grid-row: 1; border-radius: 14px; background: #e4f1eb; color: #377c80; font-size: 23px; transition: background .25s ease, transform .25s ease; }
.pi-section .pi-card h3 { grid-column: 1; grid-row: 1; margin: 0; color: #214f51 !important; font-size: 17px; line-height: 1.45; overflow-wrap: anywhere; }
.pi-section .pi-card-link { display: flex; align-items: center; gap: 10px; grid-column: 1; grid-row: 2; margin: 0; color: #33757c; font-size: 13px; font-weight: 600; }
.pi-section .pi-card-link .fa { transition: transform .25s ease; }
@media (hover: hover) { .pi-section .pi-card:hover { transform: translateY(-5px); border-color: #92bfb6; box-shadow: 0 14px 30px rgba(34, 75, 68, .1); } .pi-section .pi-card:hover .pi-card-icon { background: #d4eade; } .pi-section .pi-card:hover .pi-card-link .fa { transform: translateX(4px); } }
.pi-section .pi-card:focus-visible, .pi-section summary:focus-visible { outline: 3px solid #337a80; outline-offset: 4px; }
.pi-section .pi-faq { margin-top: 64px; padding: 36px; border-radius: 22px; background: #f3f8f6; }
.pi-section .pi-faq-list { display: grid; gap: 12px; }
.pi-section .pi-faq-item { background: #fff; border: 1px solid #dce9e6; border-radius: 13px; }
.pi-section .pi-faq-item summary { display: flex; align-items: center; gap: 16px; padding: 21px 23px; border-radius: 12px; cursor: pointer; list-style: none; transition: background .2s ease; }
.pi-section .pi-faq-item summary::-webkit-details-marker { display: none; }
.pi-section .pi-faq-item summary::marker { content: ''; }
.pi-section .pi-faq-item summary:hover { background: #f8fbfa; }
.pi-section .pi-faq-icon { flex: 0 0 24px; text-align: center; font-size: 20px; color: #3b8185; }
.pi-section .pi-faq-item h3 { flex: 1; margin: 0; font-size: 16px; line-height: 1.5; color: #263f42; }
.pi-section .pi-faq-toggle { position: relative; flex: 0 0 26px; height: 26px; border-radius: 50%; background: #e8f3ee; }
.pi-section .pi-faq-toggle::before, .pi-section .pi-faq-toggle::after { content: ''; position: absolute; background: #377c80; border-radius: 1px; left: 8px; top: 12px; width: 10px; height: 2px; transition: transform .2s ease; }
.pi-section .pi-faq-toggle::after { transform: rotate(90deg); }
.pi-section .pi-faq-item[open] .pi-faq-toggle::after { transform: rotate(0); }
.pi-section .pi-faq-answer { padding: 0 65px 22px 63px; line-height: 1.8; }
.pi-section .pi-faq-answer p { margin: 0; }
.pi-section .pi-faq-item[open] .pi-faq-answer { animation: pi-answer-in .22s ease-out; }
.pi-section .pi-grid-item.pi-reveal { animation: pi-card-in .6s cubic-bezier(.2,.7,.3,1) both; }
.pi-section .pi-grid-item:nth-child(4n+2).pi-reveal { animation-delay: .06s; }
.pi-section .pi-grid-item:nth-child(4n+3).pi-reveal { animation-delay: .12s; }
.pi-section .pi-grid-item:nth-child(4n+4).pi-reveal { animation-delay: .18s; }
@keyframes pi-card-in { from { opacity: .4; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pi-answer-in { from { opacity: .4; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 991px) { .pi-section .pi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .pi-section { padding-top: 28px; padding-bottom: 36px; } .pi-section .pi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .pi-section .pi-card { padding: 18px; min-height: 140px; border-radius: 14px; column-gap: 12px; } .pi-section .pi-card h3 { font-size: 15px; } .pi-section .pi-faq { margin-top: 40px; padding: 22px 14px; } .pi-section .pi-faq-item summary { padding: 18px 14px; gap: 10px; } .pi-section .pi-faq-item h3 { font-size: 15px; } .pi-section .pi-faq-answer { padding: 0 18px 20px; } }
@media (max-width: 575px) { .pi-section .pi-grid { grid-template-columns: 1fr; } .pi-section .pi-card { min-height: 120px; } }
@media (prefers-reduced-motion: reduce) { .pi-section *, .pi-section *::before, .pi-section *::after { animation: none !important; transition: none !important; } }