/* Scoped to the member resource centre and private article reader. */
.teas-resources{--resource-card:#202b30;--resource-input:#151d21;color:var(--text);min-width:0;}
.teas-resources .resources-heading{margin-bottom:24px;}
.teas-resources .resources-heading h3{font:500 clamp(24px,3vw,32px)/1.25 Georgia,serif;color:var(--gold);margin:5px 0 12px;}
.teas-resources .resources-heading p{max-width:760px;}
.teas-resources .resource-kicker{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--gold);margin:0 0 8px;}
.teas-resources .resource-muted,.teas-resources .resources-heading p,.teas-resources .resource-intro{color:var(--muted);line-height:1.7;}
.teas-resources .resource-muted{font-size:13px;}
.teas-resources .resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.teas-resources .resource-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--resource-card);box-shadow:0 7px 20px rgba(0,0,0,.12);overflow-wrap:anywhere;}
.teas-resources .resource-card h4{font:500 22px/1.3 Georgia,serif;color:var(--gold);margin:12px 0;}
.teas-resources .resource-card p:not(.resource-kicker){color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px;flex-grow:1;}
.teas-resources .resource-card a{font-size:14px;font-weight:700;color:var(--gold);padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;}
.teas-resources .resource-badge{font-size:11px;font-weight:700;letter-spacing:.03em;background:rgba(74,138,110,.16);border:1px solid rgba(74,138,110,.4);color:var(--gold);border-radius:20px;padding:5px 10px;margin-bottom:12px;}
.teas-resources .resource-tools,.teas-resources .resource-editor{border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 28px;background:var(--resource-input);}
.teas-resources summary{cursor:pointer;color:var(--gold);font-size:18px;font-weight:600;min-height:44px;line-height:1.5;}
.teas-resources summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:10px;}
.teas-resources details[open]>summary{margin-bottom:20px;}
.teas-resources .resource-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--resource-input);}
.teas-resources label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;line-height:1.5;min-width:0;}
.teas-resources .resource-filters label:first-of-type{flex:2 1 220px;}
.teas-resources .resource-filters label{flex:1 1 160px;}
.teas-resources input:not([type=hidden]):not([type=checkbox]),.teas-resources select,.teas-resources textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:var(--bg);color:var(--text);font:400 15px/1.5 Inter,Arial,sans-serif;box-sizing:border-box;}
.teas-resources textarea{resize:vertical;}
.teas-resources input::placeholder,.teas-resources textarea::placeholder{color:var(--muted);opacity:.8;}
.teas-resources a:focus-visible,.teas-resources button:focus-visible,.teas-resources input:focus-visible,.teas-resources select:focus-visible,.teas-resources textarea:focus-visible,.teas-resources summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.teas-resources .resource-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid #4a8a6e;border-radius:7px;background:#155b45;color:#fff;font-size:14px;font-weight:600;cursor:pointer;line-height:1.4;text-decoration:none;}
.teas-resources .resource-button:hover{background:#246e55;}
.teas-resources .resource-filters>a{padding:12px 0;min-height:44px;color:var(--gold);}
.teas-resources .resource-section-title{color:var(--gold);font:500 23px Georgia,serif;margin:30px 0 18px;}
.teas-resources .resource-empty{padding:30px;border:1px dashed var(--line);border-radius:12px;margin-top:18px;color:var(--muted);line-height:1.7;}
.teas-resources .resource-empty h4{color:var(--gold);margin:0 0 12px;}
.teas-resources .resource-editor form>label,.teas-resources .resource-form-row{margin:18px 0;}
.teas-resources .resource-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.teas-resources .resource-form-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:22px;}
.teas-resources .resource-trash{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;}
.teas-resources .resource-trash label{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:400;}
.teas-resources .resource-trash button{min-height:44px;padding:10px 16px;border-radius:6px;border:1px solid #b96e63;background:transparent;color:var(--text);cursor:pointer;}
.teas-resources .resource-notice{padding:16px;background:rgba(74,138,110,.16);border-left:3px solid #4a8a6e;}
.teas-resources .resource-pagination{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0;}
.teas-resources .resource-pagination>*{padding:10px 15px;border:1px solid var(--line);border-radius:6px;}
.teas-resources .resource-pagination .current{background:#155b45;color:#fff;}
/* Private guide reader: a document card that follows the member's appearance preference. */
.resource-reader{
  --document-surface:#1d282d;
  --document-header:linear-gradient(135deg,rgba(74,138,110,.15),rgba(74,138,110,.02));
  --document-heading:#e5ecd9;
  --document-text:#d0dbd4;
  --document-shadow:0 16px 46px rgba(0,0,0,.2);
  max-width:1000px;
  padding-top:32px;
  padding-bottom:64px;
}
.resource-reader .resource-reader-back{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  margin-bottom:18px;padding:8px 0;color:var(--gold);font-size:14px;font-weight:600;
}
.resource-reader .resource-reader-back:hover{text-decoration:underline;text-underline-offset:4px;}
.resource-reader .resource-document{
  background:var(--document-surface);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--document-shadow);overflow:hidden;
}
.resource-reader .resource-document-header{
  padding:38px 48px 34px;background:var(--document-header);border-bottom:1px solid var(--line);
}
.resource-reader .resource-document-header>.resource-kicker{margin:0 0 20px;}
.resource-reader .resource-document-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px;}
.resource-reader .resource-document-meta .resource-badge{margin:0;}
.resource-reader .resource-document-category{color:var(--muted);font-size:13px;line-height:1.5;}
.resource-reader .resource-document-draft{border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--text);font-size:12px;}
.resource-reader .resource-document h1{
  font:500 clamp(28px,3.5vw,40px)/1.22 Georgia,serif;
  color:var(--document-heading);margin:0 0 18px;max-width:25ch;overflow-wrap:anywhere;
}
.resource-reader .resource-document-header .resource-intro{
  max-width:68ch;margin:0;color:var(--muted);font-size:17px;line-height:1.75;
}
.resource-reader .resource-document-body{
  padding:36px 48px 44px;color:var(--document-text);line-height:1.85;font-size:16px;overflow-wrap:anywhere;
}
.resource-reader .resource-document-body>:first-child{margin-top:0;}
.resource-reader .resource-document-body>:last-child{margin-bottom:0;}
.resource-reader .resource-document-body h2{
  margin:34px 0 16px;padding-top:28px;border-top:1px solid var(--line);
  font:500 clamp(23px,2.5vw,27px)/1.3 Georgia,serif;color:var(--document-heading);
}
.resource-reader .resource-document-body h2:first-child{padding-top:0;border-top:0;}
.resource-reader .resource-document-body h3{color:var(--document-heading);font-size:19px;line-height:1.4;margin:24px 0 12px;}
.resource-reader .resource-document-body p{margin:0 0 18px;color:var(--document-text);}
.resource-reader .resource-document-body ul,.resource-reader .resource-document-body ol{margin:0 0 20px;padding-left:26px;}
.resource-reader .resource-document-body li{padding-left:6px;margin-bottom:12px;color:var(--document-text);}
.resource-reader .resource-document-body li::marker{color:var(--gold);font-weight:700;}
.resource-reader .resource-document-body strong{color:var(--document-heading);}
.resource-reader .resource-document-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.resource-reader .resource-document-body a:hover{text-decoration-thickness:2px;}
.resource-reader .resource-document-body img{width:auto;height:auto;max-width:100%;border-radius:10px;}
.resource-reader .resource-document-body table{display:block;max-width:100%;overflow-x:auto;}
.resource-reader .resource-document-body blockquote{margin:24px 0;padding:16px 20px;background:var(--resource-input);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;}
.resource-reader .resource-document-attachment{margin:0 48px 38px;padding:24px;background:var(--resource-input);border:1px solid var(--line);border-radius:12px;}
.resource-reader .resource-document-attachment .resource-muted{margin:14px 0 0;}
body.teas-theme-light .resource-reader{
  --document-surface:#ffffff;
  --document-header:linear-gradient(135deg,#edf5f0,#ffffff);
  --document-heading:#244a41;
  --document-text:#3c554d;
  --document-shadow:0 14px 40px rgba(23,66,51,.09);
}
@media(max-width:700px){
  .resource-reader{padding-top:20px;padding-bottom:36px;}
  .resource-reader .resource-document{border-radius:14px;}
  .resource-reader .resource-document-header{padding:26px 22px;}
  .resource-reader .resource-document h1{font-size:29px;}
  .resource-reader .resource-document-header .resource-intro{font-size:15px;}
  .resource-reader .resource-document-body{padding:26px 22px 30px;font-size:15px;line-height:1.8;}
  .resource-reader .resource-document-body h2{margin-top:28px;padding-top:24px;font-size:23px;}
  .resource-reader .resource-document-attachment{margin:0 22px 26px;padding:18px;}
}
body.teas-theme-light .teas-resources{--resource-card:#fff;--resource-input:#f4f8f6;}
@media(max-width:1150px){.teas-resources .resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.teas-resources .resources-grid,.teas-resources .resource-form-row{grid-template-columns:minmax(0,1fr);}.teas-resources .resource-tools,.teas-resources .resource-editor,.teas-resources .resource-filters{padding:16px;}.teas-resources .resource-card{padding:20px;}.teas-resources summary span{display:block;margin-left:0;}.teas-resources .resource-filters label{flex-basis:100%;}.teas-resources .resource-filters .resource-button{flex:1;}}
