.materials-home{border-top:1px solid var(--line);padding-top:22px;margin:24px auto 0;width:100%}.materials-home-heading{display:flex;align-items:center;gap:10px;color:var(--accent);margin-bottom:6px}.materials-home-heading h2{font-size:var(--text-16);margin:0;color:var(--ink)}.materials-home-link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;background:none;border:0;text-align:left;color:var(--ink);cursor:pointer}.materials-home-link span{min-width:0}.materials-home-link strong,.materials-home-link small{display:block;overflow-wrap:anywhere}.materials-home-link small{color:var(--muted);font-size:var(--text-13);margin-top:5px;line-height:1.4}.materials-home-link>svg{flex:none;color:var(--accent)}
#modal[data-view^="coach-materials"]{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:var(--dialog-height,100dvh);max-height:none;top:var(--dialog-top,0px);border:0;border-radius:0;overflow:hidden;background:var(--paper)}#modal[data-view^="coach-materials"]::backdrop{background:var(--paper)}#modal[data-view^="coach-materials"] #modal-content{display:flex;flex-direction:column;height:100%;min-height:0;padding-top:env(safe-area-inset-top)}#modal[data-view^="coach-materials"] .modal-header{flex:none;width:100%;max-width:920px;margin:0 auto}#modal[data-view^="coach-materials"] .modal-header h2{font-size:var(--text-20);overflow-wrap:anywhere}#modal[data-view^="coach-materials"] .materials-page{width:100%;max-width:920px;margin:0 auto;flex:1;min-height:0;overflow:auto;padding-bottom:calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain}.materials-page *{min-width:0}.materials-intro{display:flex;align-items:flex-start;justify-content:space-between}.materials-intro>p{margin:0;max-width:540px;color:var(--muted);line-height:1.55}.materials-intro .button{flex:none}.materials-filters{display:flex;gap:12px}.materials-filters>label:first-child{flex:1}.materials-filters>label:last-child{flex:0 1 210px}.materials-filters .form-input{width:100%;font-size:var(--text-16)}.materials-library{margin-bottom:30px}.materials-library-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}.materials-library-heading h3{font-size:var(--text-18);margin:0;overflow-wrap:anywhere}.materials-library-heading>span{color:var(--muted);font-size:var(--text-13);overflow-wrap:anywhere}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-card{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;display:flex;flex-direction:column;color:var(--ink);transition:border-color .15s,background .15s}.material-card:hover{border-color:var(--accent);background:var(--tint)}.material-card>strong{line-height:1.35;overflow-wrap:anywhere}.material-card>p{font-size:var(--text-14);line-height:1.5;color:var(--muted);margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.material-tags{display:flex;flex-wrap:wrap;gap:6px;color:var(--accent);font-size:var(--text-12);line-height:1.4}.material-tags>span{background:var(--tint);padding:4px 8px;border-radius:var(--radius-m);overflow-wrap:anywhere}.material-tags .material-draft{background:var(--surface);color:var(--muted)}.material-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;font-size:var(--text-13);color:var(--accent)}.materials-empty{border:1px dashed var(--line);border-radius:var(--radius-l);text-align:center;color:var(--muted);line-height:1.6}.materials-empty>svg{margin:0 auto 12px;color:var(--accent)}.materials-empty h3{font-size:var(--text-18);color:var(--ink)}.materials-refresh{margin-top:4px}.material-article{max-width:760px;margin:0 auto}.material-article>h1{font-size:clamp(var(--text-24),4vw,var(--text-34));line-height:1.2;margin:18px 0 10px;overflow-wrap:anywhere}.material-byline{font-size:var(--text-13);line-height:1.5;color:var(--muted);margin-bottom:28px;overflow-wrap:anywhere}.material-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-16);line-height:1.75}.material-links{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.material-links h2,.material-links-editor h3{font-size:var(--text-16);margin:0 0 12px}.material-link{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius-l);padding:15px;margin-bottom:10px;color:var(--accent)}.material-link strong,.material-link small{display:block;overflow-wrap:anywhere}.material-link small{margin-top:5px;font-size:var(--text-12);color:var(--muted)}.material-link>svg{flex:none}.materials-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:26px}.materials-actions .danger-text,.material-link-editor .danger-text{color:var(--danger)}.materials-form{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.materials-form>.form-field{display:flex;flex-direction:column;gap:7px;margin:0}.materials-form .form-input{width:100%;font-size:var(--text-16)}.material-body-input{resize:vertical;line-height:1.6;min-height:220px}.material-links-editor{border-block:1px solid var(--line);padding:20px 0}.material-links-editor>.form-help{margin-bottom:18px}.material-link-editor{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.material-link-editor>label{display:flex;flex-direction:column;gap:6px}.material-link-editor>.text-button{align-self:flex-start}.material-checkbox{display:flex;gap:12px;align-items:flex-start;line-height:1.4;cursor:pointer}.material-checkbox>input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:none}.material-checkbox small{display:block;font-size:var(--text-13);color:var(--muted);margin-top:5px}.materials-form>.materials-actions{margin-top:4px}.materials-form [data-materials-error]{margin:0}
@media(max-width:700px){.materials-intro{flex-direction:column;gap:16px}.materials-intro .button{width:100%}.materials-filters{flex-direction:column;gap:10px}.materials-filters>label:last-child{flex:auto}.materials-grid{grid-template-columns:1fr}.material-card{padding:18px}.materials-form .materials-actions>.button{flex:1 1 120px}#modal[data-view^="coach-materials"] .modal-header h2{font-size:var(--text-18)}.material-article>h1{font-size:var(--text-24)}}

.materials-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}