/* Rambergets klubbhus: människor, hockey och en ganska välfylld kasse minnen. */
:root{--club-dark-red:#962820;--club-soft:#eee5cd;--club-paper:#fffaf0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--club-dark-red);outline-offset:5px}
html{scroll-padding-top:28px}
section[id],article[id]{scroll-margin-top:30px}
.legacy-anchor{display:block;width:0;height:0;scroll-margin-top:120px}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:end;margin-bottom:46px}
.section-heading h2{margin:0;font-size:clamp(44px,5.2vw,78px);line-height:1.02}
.section-heading>p{max-width:380px;font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 5px}
.home-people{padding-bottom:75px}
.home-people h2 em,.home-album h2 em{color:var(--club-dark-red)}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.person-preview{border:1px solid #c7bca3;border-radius:28px;background:var(--club-paper);overflow:hidden;min-width:0}
.person-picture{padding:10px 10px 0}
.person-picture figure{margin:0!important;transform:none!important}
.person-picture figure>a{display:block;border-radius:20px;overflow:hidden;background:#e7dcc2}
.person-picture img{display:block;width:100%;height:265px;object-fit:cover;border:0!important;border-radius:0!important}
.person-preview:first-child .person-picture img{object-position:50% 18%}
.person-preview:nth-child(2) .person-picture img{object-position:45% 45%}
.person-picture figcaption{padding:9px 6px 0;font-size:11px!important;color:var(--muted)}
.person-preview-copy{padding:25px 25px 30px}
.person-preview-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px}
.person-preview-copy h3{font:600 clamp(29px,2.8vw,40px)/1.07 var(--display);margin:0 0 24px}
.person-preview-copy blockquote{font:500 26px/1.2 var(--display);color:var(--club-dark-red);margin:0 0 20px}
.person-preview-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 25px}
.person-preview-copy .text-link{font-size:12px}
.section-ending{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}
.section-ending .small{max-width:390px;font-size:11px;line-height:1.6;margin:0}
.erik-latest-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--club-soft)}
.erik-latest-heading h2{font-size:clamp(50px,5.5vw,80px);line-height:1.02;margin:0 0 25px}
.erik-latest-heading h2 em{color:var(--club-dark-red)}
.erik-latest-heading>p:not(.eyebrow){max-width:370px;font-size:16px;line-height:1.7}
.erik-latest-heading>a{display:inline-block;margin-top:10px}
.erik-latest-card{background:var(--yellow);border-radius:25px;padding:36px;box-shadow:7px 7px 0 var(--ink);min-width:0}
.erik-latest-card .eyebrow{font-size:10px;margin:0 0 28px}
.erik-latest-card h3{font:600 36px/1.1 var(--display);margin:20px 0;overflow-wrap:anywhere}
.erik-latest-card h3 a{text-decoration:none}
.erik-latest-card h3 a:hover{text-decoration:underline;text-underline-offset:6px}
.erik-latest-card>p:not(.eyebrow),[data-erik-latest-excerpt]{font-size:16px;line-height:1.7;margin:0}
.latest-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px}
.latest-read{display:inline-block;font-size:12px;margin-top:25px}
.erik-latest-section[data-erik-latest-status="empty"]{padding-top:60px;padding-bottom:60px}
.erik-latest-section[data-erik-latest-status="empty"] .erik-latest-card{padding:26px;box-shadow:4px 4px 0 var(--ink)}
.erik-latest-section[data-erik-latest-status="empty"] .erik-latest-card .eyebrow{margin-bottom:14px}
.erik-latest-section[data-erik-latest-status="empty"] .erik-latest-heading h2{font-size:64px}
.hockey-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center}
.hockey-feature figure{margin:0!important;transform:rotate(-1deg)}
.hockey-feature img{border-radius:24px;width:100%;height:auto}
.hockey-feature-copy blockquote{font:500 clamp(27px,2.9vw,41px)/1.15 var(--display);margin:0 0 20px;color:var(--ink)}
.hockey-feature-copy>p:not(.eyebrow):not(.quote-byline){font-size:14px;line-height:1.7}
.hockey-feature-copy .quote-byline{font-size:11px;margin-bottom:30px}
.hockey-practical{gap:15px;border-color:#b9ac89}
.hockey-practical a{line-height:1.6}
.home-memories{background:var(--ink);color:var(--cream)}
.home-memories .section-heading>p{color:#d0c7b3}
.home-memories h2 em{color:var(--yellow)}
.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.memory-grid article{border-top:1px solid #79715e;padding-top:30px;min-width:0;display:flex;flex-direction:column}
.memory-mark{display:block;font:600 72px/1 var(--display);color:var(--yellow);min-height:86px;letter-spacing:-.03em}
.memory-mark>span{font-size:27px;letter-spacing:0;margin-left:5px}
.quote-mark{font-size:110px;line-height:.8}
.memory-grid .eyebrow{color:#cabd9c;font-size:9px;margin:26px 0 18px}
.memory-grid h3{font:500 clamp(32px,3.3vw,47px)/1.1 var(--display);margin:0 0 22px}
.memory-grid p:not(.eyebrow){font-size:14px;line-height:1.8;color:#e3dbc8;max-width:330px;margin:0 0 25px}
.memory-grid a{margin-top:auto;font-size:12px;color:var(--yellow);align-self:flex-start}
.home-album .authentic-team{margin:0!important;transform:none!important;max-width:none}
.home-album .authentic-team>a{display:block;border:7px solid #fffdf7;border-radius:25px;overflow:hidden}
.home-album .authentic-team img{display:block;width:100%;height:auto;border:0;border-radius:0}
.home-album .authentic-team figcaption{font-size:12px;margin:12px 0 35px}
.home-photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.home-photo-strip{padding-top:28px}
.home-photo-strip figure{margin:0!important;transform:none!important}
.home-photo-strip img{width:100%;height:330px;object-fit:cover;border-radius:24px}
.home-photo-strip figure:nth-child(2) img{object-fit:contain;background:#e6dbc3}
.home-photo-strip figcaption{font-size:12px!important;line-height:1.6}
.album-more{margin:35px 0 0}
.join-note{font-size:12px!important}
.first-training{margin-top:27px;border-top:1px solid #b9ad91;padding-top:18px;max-width:550px}
.first-training summary{font-size:14px;font-weight:700;cursor:pointer;min-height:30px}
.first-training p{font-size:14px;line-height:1.8;margin:12px 0 0}
.contact-block a.club-email{font-size:14px;line-height:1.7}
.club-social{padding-top:25px;padding-bottom:25px}
/* Musikens första försök finns kvar. Kontrollerna får en egen rad utan att täcka sidan. */
.music-widget{position:relative;inset:auto;z-index:30;width:100%;border-bottom:1px solid #b8ad94;background:var(--club-soft);padding:8px 6%}
.music-widget{scroll-margin-top:105px}
.music-dock{display:flex;justify-content:flex-end;align-items:center;gap:9px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;flex-wrap:wrap}
.music-dock button{font-size:11px;line-height:1.25;padding:7px 13px;min-height:34px}
.music-dock p{flex-basis:auto;max-width:270px;font-size:10px;line-height:1.4;margin:0 8px;color:#514a3c}
.music-details{background:transparent;border:0!important;margin-right:auto;font-weight:500!important;text-align:left}
.club-music{position:absolute;right:6%;top:100%;width:min(370px,88vw);max-height:65dvh;z-index:61;margin:8px 0 0;box-shadow:0 15px 40px #17171444}
.club-music h2{font-size:33px}
.club-music .music-help{color:#e3dac7}
.erik-article-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}
.erik-copy-link,#erik-article-retry{border:1px solid #8d8064;border-radius:25px;background:var(--cream);color:var(--ink);padding:10px 16px;font-size:12px;min-height:42px}
.erik-copy-status{font-size:12px;color:#4d483e}
.erik-article-status{font-size:15px;line-height:1.7;color:#504c43}
.erik-article-body p{font-size:17px;line-height:1.8}
.writer-shell h1{color:var(--ink)}
.writer-shell h1 em{color:var(--club-dark-red)}
.gallery-toolbar{gap:20px;align-items:center}
.gallery-filters{flex-wrap:wrap}
.gallery-filters button{min-height:42px}
.gallery-more-row{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px 0 0;flex-wrap:wrap}
.gallery-more-row p{font-size:12px}
.photo-card h3{font-size:14px;line-height:1.45}
.photo-card p{font-size:11px;line-height:1.5}
.photo-number{background:#171714dd;color:#fff9e8}
.lightbox-original{display:inline-block;margin-top:12px;color:var(--yellow);font-size:13px}
.photo-reading{overflow:hidden}
#photo-dialog{padding-top:64px}
.photo-close{min-height:44px;min-width:74px}
.lightbox-original[hidden]{display:none}
.document .doc-type{font-size:8px;letter-spacing:.08em}
.support-contact-note{max-width:680px;line-height:1.8}
#funktionerna h2 em{color:var(--club-dark-red)}
@media(min-width:821px) and (max-width:1120px){.people-grid{gap:16px}.person-preview-copy{padding:22px 19px}.person-picture img{height:220px}.memory-grid{gap:25px}.person-preview-copy h3{font-size:31px}.person-preview-copy blockquote{font-size:24px}}
@media(max-width:820px){
 .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-heading>p{font-size:15px;max-width:510px}.section-heading h2{font-size:clamp(43px,8vw,66px)}
 .people-grid{grid-template-columns:1fr;gap:25px}.person-preview{display:grid;grid-template-columns:.8fr 1fr;align-items:start}.person-picture{padding:10px 0 10px 10px;min-width:0}.person-picture img{height:240px}.person-preview-copy{padding:28px 23px}.person-preview-copy h3{font-size:33px}.person-preview-copy blockquote{font-size:25px}.person-picture figcaption{font-size:10px!important}.section-ending{align-items:flex-start;flex-direction:column;gap:20px}
 .erik-latest-section{grid-template-columns:1fr;gap:35px}.erik-latest-heading h2{font-size:57px}.erik-latest-card{padding:28px;margin-right:7px}.erik-latest-card h3{font-size:34px}
 .erik-latest-section[data-erik-latest-status="empty"] .erik-latest-heading h2{font-size:48px}
 .erik-article-body p{font-size:16px;line-height:1.75}
 .function-grid article>span{font-size:44px;white-space:nowrap}
 .hockey-feature{grid-template-columns:1fr;gap:35px}.hockey-feature-copy blockquote{font-size:32px}.hockey-feature figure{transform:none}
 .memory-grid{grid-template-columns:1fr;gap:38px}.memory-grid article{display:grid;grid-template-columns:95px 1fr;gap:0 25px}.memory-mark{grid-column:1;grid-row:1/5;font-size:52px}.memory-mark>span{display:block;font-size:20px;margin:6px 0}.quote-mark{font-size:100px}.memory-grid .eyebrow{grid-column:2;margin-top:0}.memory-grid h3{grid-column:2;font-size:38px}.memory-grid p:not(.eyebrow){grid-column:2;max-width:480px}.memory-grid a{grid-column:2;justify-self:start}
 .home-photo-strip{gap:20px}.home-photo-strip img{height:240px}.home-album .authentic-team>a{border-width:4px;border-radius:18px}
 .music-widget{padding:6px 6%;scroll-margin-top:85px}.music-dock{gap:6px;flex-wrap:nowrap}.music-dock p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.music-details{font-size:10px!important;max-width:180px;padding-left:0!important;line-height:1.4!important}.music-dock button{padding:7px 10px;flex-shrink:0}.club-music{right:6%;max-height:70dvh}
}
@media(max-width:500px){
 .person-preview{display:block}.person-picture{padding:9px 9px 0}.person-picture img{height:250px}.person-preview:first-child .person-picture img{height:290px;object-position:50% 18%}.person-preview-copy{padding:25px}.person-preview-copy h3{font-size:35px}.person-preview-copy blockquote{font-size:27px}
 .home-photo-strip{grid-template-columns:1fr;gap:28px}.home-photo-strip img{height:auto;max-height:450px;object-fit:contain}
 .memory-grid article{grid-template-columns:65px 1fr;gap:0 18px}.memory-mark{font-size:38px}.quote-mark{font-size:80px}.memory-grid h3{font-size:33px}.memory-grid .eyebrow{font-size:8px}
 .music-details{max-width:145px}.music-dock button{font-size:10px;padding-left:9px;padding-right:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.erik-article-body p{font-size:11pt;line-height:1.5}}