/*
  Ase V8 Design System
  范围：只接管 V2 视觉层。
  不改数据库、不改筛选、不改路由、不改后台保存。
  目标：Apple / Tesla 式克制、高留白、产品主导、层级清晰。
*/

/* ========== 0. Design Tokens ========== */
:root{
  --ase-bg:#f6f5f2;
  --ase-bg-soft:#fbfaf7;
  --ase-surface:#ffffff;
  --ase-surface-2:#f7f5f1;
  --ase-text:#171717;
  --ase-text-2:#34302b;
  --ase-muted:#77716a;
  --ase-muted-2:#9a938b;
  --ase-line:rgba(23,23,23,.095);
  --ase-line-2:rgba(95,78,62,.18);
  --ase-accent:#7a5636;
  --ase-accent-2:#b08a5b;
  --ase-dark:#1d1a17;
  --ase-radius-sm:12px;
  --ase-radius-md:18px;
  --ase-radius-lg:26px;
  --ase-radius-xl:34px;
  --ase-shadow-soft:0 10px 30px rgba(21,17,13,.055);
  --ase-shadow-card:0 18px 50px rgba(21,17,13,.075);
  --ase-shadow-hover:0 34px 90px rgba(21,17,13,.13);
  --ase-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

/* URN material knowledge: encyclopedia language, scoped to detail pages. */
.urn-knowledge{margin-top:42px;background:#f8f4ec!important;color:#231d18;border:1px solid #ded6ca;border-radius:18px;padding:28px!important}
.urn-filter{background:#fffdf8!important;border:1px solid #ded6ca!important;border-radius:14px!important;padding:16px!important;box-shadow:0 8px 24px rgba(35,29,24,.04)}
.urn-search{display:flex;align-items:center;gap:12px;flex:1 1 100%;color:#756c62;font-size:12px;font-weight:700}.urn-search input{flex:1;min-width:180px}.urn-price-range{display:flex;align-items:center;gap:7px;color:#756c62;font-size:12px;font-weight:700}.urn-price-range input{width:88px!important}.urn-price-range i{font-style:normal;color:#b48a4b}.urn-submit{background:#9c4a32!important;border-color:#9c4a32!important;color:#fff!important}.urn-clear{font-size:12px!important}.urn-card-status{margin-top:9px;color:#8a5b17;font-size:12px}.v3-card{background:#fffdf8!important;border-color:#ded6ca!important;border-radius:14px!important}.v3-card:hover{border-color:#b48a4b!important;box-shadow:0 14px 34px rgba(35,29,24,.09)!important}.v3-card-title{font-family:Georgia,"Songti SC",serif!important;color:#231d18!important}.v3-info{color:#756c62!important}.v3-info b{color:#231d18}.v3-price{color:#9c4a32!important}
.urn-knowledge-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.urn-knowledge-head h2{margin:0 0 8px;font:700 28px/1.25 Georgia,"Songti SC",serif}.urn-raw-chip{border:1px solid #ded6ca;background:#fffdf8;color:#756c62;padding:7px 11px;border-radius:999px;font-size:12px;white-space:nowrap}.urn-material-resolution{display:grid;gap:16px}.urn-material-card{background:#fffdf8;border:1px solid #ded6ca;padding:20px;border-radius:12px}.urn-material-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.urn-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.urn-status-exact,.urn-status-alias{background:#e7f1e8;color:#28633c}.urn-status-needs_review{background:#fbefd9;color:#8a5b17}.urn-status-unmapped{background:#f2e7e1;color:#854536}.urn-role{color:#756c62;font-size:12px}.urn-facts{display:grid;grid-template-columns:120px 1fr;gap:7px 12px;margin:0 0 16px}.urn-facts dt{color:#756c62}.urn-facts dd{margin:0;font-weight:600}.urn-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.urn-knowledge-grid>div{border-top:1px solid #ded6ca;padding-top:10px}.urn-knowledge-grid b{font-size:13px;color:#9c4a32}.urn-knowledge-grid p{margin:6px 0 0;line-height:1.7}.urn-review-note{margin:8px 0;color:#756c62;background:#f5ecdf;border-left:3px solid #b48a4b;padding:12px 14px}.urn-risk{margin-top:16px;color:#8a4b35;font-size:13px}.urn-knowledge .v4-source-note{margin-top:16px;color:#756c62;font-size:12px}
@media(max-width:767px){.urn-knowledge{padding:20px!important}.urn-knowledge-head{display:block}.urn-raw-chip{display:inline-block;margin-top:12px}.urn-knowledge-head h2{font-size:24px}.urn-facts{grid-template-columns:90px 1fr}.urn-knowledge-grid{grid-template-columns:1fr}}

/* ========== 1. Global Base ========== */
html{
  background:var(--ase-bg);
}

body{
  margin:0;
  font-family:var(--ase-font) !important;
  color:var(--ase-text) !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfaf7 16%,#f6f5f2 100%) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

a{
  color:inherit;
  text-decoration:none !important;
}

*{
  box-sizing:border-box;
}

/* ========== 2. Top Navigation ========== */
body > header,
header{
  position:relative;
  z-index:100;
  min-height:58px !important;
  border-bottom:1px solid var(--ase-line) !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:saturate(160%) blur(20px);
  -webkit-backdrop-filter:saturate(160%) blur(20px);
}

body > header a,
header a,
nav a{
  color:#26231f !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:-.018em !important;
}

body > header a:hover,
header a:hover,
nav a:hover{
  color:#000 !important;
}

body > header a[aria-current],
header a[aria-current],
nav a.active{
  color:#000 !important;
}

/* ========== 3. Page Layout ========== */
.v3-page,
.v3-detail{
  position:relative;
  isolation:isolate;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:72px 28px 104px !important;
}

.v3-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:28px !important;
  margin:0 0 30px !important;
}

.v3-kicker{
  margin-bottom:10px !important;
  color:var(--ase-accent) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase;
}

.v3-head h1{
  margin:0 !important;
  color:#181615 !important;
  font-size:44px !important;
  line-height:1.02 !important;
  letter-spacing:-.065em !important;
  font-weight:860 !important;
}

.v3-head p{
  margin:15px 0 0 !important;
  max-width:720px;
  color:var(--ase-muted) !important;
  font-size:15px !important;
  line-height:1.72 !important;
  letter-spacing:-.01em !important;
}

.v3-count{
  flex:0 0 auto;
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  border:1px solid var(--ase-line-2) !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:var(--ase-shadow-soft) !important;
  color:#6d5037 !important;
  font-size:14px !important;
  font-weight:760 !important;
}

/* ========== 4. Filter Bar: fix layering fully ========== */
.v3-filter{
  position:relative !important;
  z-index:9000 !important;
  isolation:isolate !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:0 0 30px !important;
  padding:14px !important;
  border:1px solid rgba(22,22,22,.10) !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 16px 45px rgba(22,17,12,.075) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.v3-grid,
.v3-empty{
  position:relative !important;
  z-index:1 !important;
}

.v3-filter input,
.v3-filter select,
.v3-filter button,
.v4-multi summary,
.ase-v5-admin-multi summary{
  height:46px !important;
  min-height:46px !important;
  border-radius:15px !important;
  font-family:var(--ase-font) !important;
  font-size:14px !important;
  letter-spacing:-.01em !important;
}

.v3-filter input,
.v3-filter select,
.v4-multi summary,
.ase-v5-admin-multi summary{
  border:1px solid rgba(20,20,20,.12) !important;
  background:#fff !important;
  color:#24201d !important;
  box-shadow:none !important;
}

.v3-filter input{
  padding:0 16px !important;
}

.v3-filter input::placeholder{
  color:#aaa39b !important;
}

.v4-multi,
.ase-v5-admin-multi{
  position:relative !important;
  z-index:9010 !important;
}

.v4-multi[open],
.ase-v5-admin-multi[open]{
  z-index:99990 !important;
}

.v4-multi summary,
.ase-v5-admin-multi summary{
  min-width:180px !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  list-style:none !important;
  cursor:pointer !important;
}

.v4-multi summary::-webkit-details-marker,
.ase-v5-admin-multi summary::-webkit-details-marker{
  display:none !important;
}

.v4-multi summary b,
.ase-v5-admin-multi summary b{
  color:#2a2521 !important;
  font-weight:760 !important;
}

.v4-multi summary span,
.ase-v5-admin-multi summary span{
  color:var(--ase-accent) !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.v4-multi summary:after,
.ase-v5-admin-multi summary:after{
  content:"⌄";
  color:#9c9288;
  font-size:13px;
}

.v3-filter input:focus,
.v3-filter select:focus,
.v4-multi[open] summary,
.ase-v5-admin-multi[open] summary{
  outline:none !important;
  border-color:rgba(0,0,0,.32) !important;
  box-shadow:0 0 0 4px rgba(0,0,0,.045) !important;
}

.v4-multi-panel,
.ase-v5-admin-panel{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:0 !important;
  z-index:100000 !important;
  min-width:270px !important;
  max-height:360px !important;
  overflow:auto !important;
  padding:10px !important;
  border:1px solid rgba(20,20,20,.12) !important;
  border-radius:20px !important;
  background:#fff !important;
  opacity:1 !important;
  box-shadow:0 24px 80px rgba(0,0,0,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.v4-option,
.ase-v5-admin-option{
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  color:#2f2a26 !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

.v4-option:hover,
.ase-v5-admin-option:hover{
  background:#f4f2ee !important;
}

.v4-option input,
.ase-v5-admin-option input{
  width:16px !important;
  height:16px !important;
  min-height:16px !important;
  margin:0 !important;
  accent-color:#191715 !important;
}

.v4-option em{
  margin-left:auto;
  color:#aaa198 !important;
  font-style:normal !important;
  font-size:12px !important;
}

.v3-filter button{
  min-width:74px !important;
  padding:0 20px !important;
  border:0 !important;
  background:#181615 !important;
  color:#fff !important;
  font-weight:820 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
}

.v3-filter button:hover{
  background:#000 !important;
}

.v3-clear{
  padding:0 8px !important;
  color:#8c847c !important;
  font-size:14px !important;
  font-weight:650 !important;
}

.v4-filter-help{
  width:100%;
  margin:0 !important;
  padding:0 4px 2px !important;
  color:#9b938a !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

.v4-selected-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:-12px 0 26px !important;
}

.v4-selected-tags span{
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 11px !important;
  border-radius:999px !important;
  border:1px solid rgba(122,86,54,.14) !important;
  background:#f2eee8 !important;
  color:#6a5037 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

/* ========== 5. Product Cards ========== */
.v3-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:8px !important;
}

.v3-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(20,20,20,.095) !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:0 12px 36px rgba(0,0,0,.055) !important;
  transform:none !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.v3-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(0,0,0,.18) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.11) !important;
}

.v3-imgbox{
  height:246px !important;
  padding:26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-bottom:1px solid rgba(20,20,20,.075) !important;
  background:
    radial-gradient(circle at 50% 36%, #ffffff 0%, #ffffff 42%, #f7f5f1 100%) !important;
}

.v3-sets-grid .v3-imgbox{
  height:252px !important;
  padding:22px !important;
}

.v3-urns-grid .v3-imgbox{
  height:236px !important;
}

.v3-imgbox img{
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  display:block !important;
  filter:none !important;
}

.v3-card-body{
  padding:20px 22px 22px !important;
}

.v3-card-title{
  min-height:auto !important;
  margin:0 0 10px !important;
  color:#1e1c1a !important;
  font-size:20px !important;
  line-height:1.25 !important;
  letter-spacing:-.035em !important;
  font-weight:830 !important;
}

.v3-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 13px !important;
}

.v3-pill{
  height:25px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#f1eee9 !important;
  color:#71543a !important;
  font-size:12px !important;
  font-weight:850 !important;
}

.v3-price{
  margin:0 0 12px !important;
  color:#161412 !important;
  font-size:24px !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:860 !important;
}

.v3-info{
  min-height:66px !important;
  color:#6d665f !important;
  font-size:13px !important;
  line-height:1.66 !important;
}

.v3-info b{
  color:#25211e !important;
  font-weight:800 !important;
}

.v3-card-foot{
  margin-top:16px !important;
  padding-top:16px !important;
  display:flex !important;
  justify-content:space-between !important;
  border-top:1px solid rgba(20,20,20,.08) !important;
  color:#6c5138 !important;
  font-size:13px !important;
  font-weight:780 !important;
}

/* ========== 6. Empty State ========== */
.v3-empty{
  min-height:300px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px dashed rgba(20,20,20,.16) !important;
  border-radius:30px !important;
  background:#fff !important;
  color:#8f8780 !important;
  box-shadow:0 12px 36px rgba(0,0,0,.045) !important;
}

/* ========== 7. Detail Pages ========== */
.v3-backbar{
  display:flex !important;
  justify-content:space-between !important;
  margin:0 0 20px !important;
}

.v3-backbar a{
  color:#77716a !important;
  font-size:14px !important;
  font-weight:700 !important;
}

.v3-detail-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.v3-detail-image,
.v3-detail-info{
  border:1px solid rgba(20,20,20,.095) !important;
  border-radius:34px !important;
  background:#fff !important;
  box-shadow:0 18px 58px rgba(0,0,0,.07) !important;
}

.v3-detail-image{
  min-height:540px !important;
  padding:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 50% 36%, #fff 0%, #fff 42%, #f4f2ee 100%) !important;
}

.v3-detail-image img{
  width:min(100%,560px) !important;
  max-width:100% !important;
  max-height:78vh !important;
  object-fit:contain !important;
  filter:none !important;
}

.v3-detail-info{
  padding:36px !important;
}

.v3-detail-info h1{
  margin:8px 0 10px !important;
  color:#171615 !important;
  font-size:42px !important;
  line-height:1.04 !important;
  letter-spacing:-.065em !important;
  font-weight:860 !important;
}

.v3-detail-code{
  color:#8a837d !important;
  font-size:14px !important;
  font-weight:680 !important;
}

.v3-detail-price{
  margin:26px 0 30px !important;
  color:#111 !important;
  font-size:40px !important;
  line-height:1 !important;
  letter-spacing:-.065em !important;
  font-weight:880 !important;
}

.v3-dl{
  display:grid !important;
  grid-template-columns:92px 1fr !important;
  gap:13px 18px !important;
}

.v3-dl dt{
  color:#8b847c !important;
  font-size:13px !important;
  font-weight:650 !important;
}

.v3-dl dd{
  margin:0 !important;
  color:#282421 !important;
  font-size:14px !important;
  font-weight:780 !important;
}

.v3-note{
  margin-top:28px !important;
  padding:16px 18px !important;
  border:1px solid rgba(122,86,54,.18) !important;
  border-radius:22px !important;
  background:#fbf7f1 !important;
  color:#665d54 !important;
  line-height:1.72 !important;
}

.v3-section{
  margin-top:42px !important;
}

.v3-section h2{
  margin:0 0 18px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(20,20,20,.11) !important;
  color:#1b1917 !important;
  font-size:23px !important;
  line-height:1.2 !important;
  letter-spacing:-.035em !important;
  font-weight:840 !important;
}

.v3-table{
  width:100% !important;
  overflow:hidden !important;
  border:1px solid rgba(20,20,20,.09) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 12px 36px rgba(0,0,0,.045) !important;
}

.v3-table th,
.v3-table td{
  padding:15px 18px !important;
  border-bottom:1px solid rgba(20,20,20,.07) !important;
  font-size:14px !important;
}

.v3-table th{
  background:#f5f2ed !important;
  color:#6c655f !important;
  font-weight:800 !important;
}

/* ========== 8. Material Knowledge ========== */
.v4-material-box{
  margin-top:36px !important;
  padding:30px !important;
  border:1px solid rgba(20,20,20,.095) !important;
  border-radius:34px !important;
  background:#fff !important;
  box-shadow:0 18px 58px rgba(0,0,0,.07) !important;
}

.v4-material-box h2{
  margin:0 0 10px !important;
  color:#181615 !important;
  font-size:30px !important;
  line-height:1.1 !important;
  letter-spacing:-.05em !important;
  font-weight:850 !important;
}

.v4-material-sub{
  color:#746d66 !important;
  font-size:14px !important;
  line-height:1.75 !important;
}

.v4-material-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

.v4-material-card{
  padding:18px !important;
  border:1px solid rgba(20,20,20,.08) !important;
  border-radius:22px !important;
  background:#f8f6f2 !important;
}

.v4-material-card b{
  color:#25211e !important;
  font-size:14px !important;
  font-weight:830 !important;
}

.v4-material-card p{
  color:#666059 !important;
  font-size:13px !important;
  line-height:1.72 !important;
}

.v4-source-note{
  margin-top:16px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  background:#fbf7f1 !important;
  border:1px solid rgba(122,86,54,.14) !important;
  color:#75685d !important;
}

/* ========== 9. Admin Polish ========== */
body.ase-v5-admin{
  background:#f6f5f2 !important;
}

body.ase-v5-admin .v3-page,
body.ase-v5-admin .v3-detail{
  max-width:1380px !important;
}

body.ase-v5-admin table{
  width:100% !important;
  overflow:hidden !important;
  border:1px solid rgba(20,20,20,.09) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(0,0,0,.045) !important;
}

body.ase-v5-admin th{
  background:#f4f1ec !important;
  color:#6f6861 !important;
  font-weight:830 !important;
}

body.ase-v5-admin td,
body.ase-v5-admin th{
  padding:13px 15px !important;
  border-color:rgba(20,20,20,.07) !important;
}

body.ase-v5-admin form{
  overflow:visible !important;
  position:relative !important;
  z-index:9000 !important;
  background:#fff !important;
}

/* ========== 10. Responsive ========== */
@media(max-width:1180px){
  .v3-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:880px){
  .v3-page,
  .v3-detail{
    padding:42px 18px 76px !important;
  }

  .v3-head{
    display:block !important;
  }

  .v3-head h1{
    font-size:36px !important;
  }

  .v3-count{
    margin-top:18px !important;
  }

  .v3-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .v3-detail-hero{
    grid-template-columns:1fr !important;
  }

  .v3-detail-image{
    min-height:380px !important;
  }

  .v4-material-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .v3-grid{
    grid-template-columns:1fr !important;
  }

  .v3-filter{
    border-radius:22px !important;
  }

  .v3-filter input,
  .v4-multi,
  .v4-multi summary{
    width:100% !important;
  }

  .v4-multi-panel,
  .ase-v5-admin-panel{
    position:static !important;
    margin-top:10px !important;
    width:100% !important;
  }
}

/* ========== Ase V8 Pagination Patch ========== */
.ase-pagination{
  position:relative;
  z-index:2;
  margin:36px 0 0;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(20,20,20,.095);
  border-radius:26px;
  background:#fff;
  box-shadow:0 12px 36px rgba(0,0,0,.045);
}

.ase-pagination-summary{
  color:#756f68;
  font-size:14px;
  font-weight:650;
}

.ase-pagination-summary strong{
  color:#181615;
  font-weight:850;
}

.ase-pagination-summary span{
  margin-left:10px;
  color:#9b948d;
}

.ase-pagination-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.ase-page-numbers{
  display:flex;
  align-items:center;
  gap:6px;
}

.ase-page-btn,
.ase-page-number{
  height:38px;
  min-width:38px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(20,20,20,.11);
  border-radius:999px;
  background:#fff;
  color:#2b2723;
  font-size:13px;
  font-weight:760;
  text-decoration:none !important;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.ase-page-btn:hover,
.ase-page-number:hover{
  transform:translateY(-1px);
  border-color:rgba(20,20,20,.22);
  background:#f4f2ee;
}

.ase-page-number.is-current{
  border-color:#181615;
  background:#181615;
  color:#fff;
}

.ase-page-disabled{
  opacity:.42;
  cursor:not-allowed;
  background:#f7f5f1;
  color:#8d857d;
}

.ase-page-disabled:hover{
  transform:none;
  background:#f7f5f1;
}

@media(max-width:760px){
  .ase-pagination{
    align-items:flex-start;
    flex-direction:column;
  }

  .ase-pagination-actions{
    width:100%;
    flex-wrap:wrap;
  }

  .ase-page-numbers{
    flex-wrap:wrap;
  }
}

.v3-note summary{cursor:pointer;font-weight:700;color:#756c62}.v3-note summary::-webkit-details-marker{color:#b48a4b}
.materials-page,.material-detail-page{max-width:1280px;margin:0 auto;padding:58px 28px 100px;color:#231d18}.materials-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.materials-head h1,.material-detail-page h1{font:700 44px/1.15 Georgia,"Songti SC",serif;margin:8px 0 12px}.materials-head p,.material-standard{color:#756c62}.materials-head form input{width:300px;padding:12px 14px;border:1px solid #ded6ca;border-radius:8px;background:#fffdf8}.materials-categories{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.materials-categories span{padding:7px 12px;border:1px solid #ded6ca;border-radius:999px;background:#fffdf8;color:#756c62;font-size:13px}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.material-tile{display:block;padding:20px;background:#fffdf8;border:1px solid #ded6ca;border-radius:14px;transition:.15s}.material-tile:hover{border-color:#b48a4b;box-shadow:0 12px 28px rgba(35,29,24,.08)}.material-tile-top{display:flex;justify-content:space-between;color:#9c4a32;font-size:12px}.material-tile-top b{color:#8a5b17}.material-tile h2{font:700 22px Georgia,"Songti SC",serif;margin:16px 0 8px}.material-tile p{margin:5px 0;color:#756c62;font-size:13px}.material-tile footer{margin-top:16px;padding-top:12px;border-top:1px solid #ded6ca;color:#9a8d7e;font-size:12px}.material-back{display:inline-block;margin-bottom:28px;color:#9c4a32}.material-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.material-facts section,.related-urns{background:#fffdf8;border:1px solid #ded6ca;border-radius:12px;padding:20px}.material-facts h2,.related-urns h2{font:700 18px Georgia,"Songti SC",serif;margin:0 0 10px;color:#9c4a32}.material-facts p{margin:0;line-height:1.75;white-space:pre-wrap}.material-detail-block{grid-column:1/-1}.material-detail-block div{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid #eee7dd}.material-detail-block span{line-height:1.6}.related-urns{margin-top:18px}.related-urns>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-urns a{display:flex;flex-direction:column;padding:12px;border:1px solid #ded6ca;border-radius:8px}.related-urns small{color:#756c62;margin-top:5px}
.material-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.material-summary-card,.material-section{background:#fffdf8;border:1px solid #ded6ca;border-radius:12px;padding:18px}.material-summary-card b,.material-pair h3{color:#9c4a32;font-size:13px}.material-summary-card p{margin:8px 0 0;line-height:1.6}.material-encyclopedia-body{display:grid;gap:16px}.material-section h2{font:700 23px/1.3 Georgia,"Songti SC",serif;margin:0 0 16px;color:#9c4a32}.material-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.material-pair{border-top:1px solid #eee7dd;padding-top:12px}.material-pair h3{margin:0 0 7px}.material-pair p{margin:0 0 5px;line-height:1.75;white-space:pre-wrap}.section-pending{margin:0;color:#9a8d7e}.source-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.source-record{padding:14px;border:1px solid #eee7dd;border-radius:8px}.source-record strong{display:block}.source-record span{display:inline-block;margin-top:5px;color:#8a5b17;font-size:12px}.source-record p{margin:8px 0;color:#756c62;line-height:1.6}.source-record a{color:#9c4a32;font-size:13px}.source-record small{color:#9a8d7e}
@media(max-width:767px){.materials-page,.material-detail-page{padding:34px 14px 60px}.materials-head{display:block}.materials-head h1,.material-detail-page h1{font-size:32px}.materials-head form{margin-top:18px}.materials-head form input{width:100%}.materials-grid{grid-template-columns:1fr}.material-facts{grid-template-columns:1fr}.related-urns>div{grid-template-columns:1fr}.material-detail-block{grid-column:auto}.material-detail-block div{grid-template-columns:1fr;gap:4px}.home-material-entry{grid-column:auto}.material-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.material-summary-card,.material-section{padding:14px}.material-pairs,.source-records{grid-template-columns:1fr}.material-section h2{font-size:20px}}
@media(max-width:767px){.v3-note{padding:12px 14px!important}.v3-note:not([open])>span{display:none}.v3-note[open]>span{display:block;margin-top:6px}.v3-detail-image img{width:100%!important;max-height:58vh!important}}