/* Standalone detail pages extend design.css without changing shared/list-page styles. */
.detail-page main,.detail-page .detail-controls,.detail-page #detailContent{min-width:0;max-width:100%}
.detail-page #resTitle,.detail-page #resDesc,.detail-page #detailStatus,.detail-page #detailRelated{overflow-wrap:anywhere}
.detail-page .detail-controls{margin-bottom:20px}
.detail-page .detail-lookup h2{margin:0 0 14px;font-size:20px}
.detail-page .detail-lookup-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.detail-page .detail-lookup-form label{flex:1 1 260px;min-width:0}
.detail-page .detail-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.detail-page .detail-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.detail-page .detail-field>span{font-weight:650}
.detail-page .detail-field small{color:var(--muted);font-weight:400;font-size:12px}
.detail-page .detail-field input,.detail-page .detail-field select{min-width:0;max-width:100%}
.detail-page .detail-field [aria-invalid="true"],.detail-page #lookupKeyword[aria-invalid="true"]{border-color:var(--err)}
.detail-page .detail-id-entry{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.detail-page .detail-id-entry>summary{cursor:pointer;font-weight:650;color:var(--green);padding:8px 0;min-height:44px}
.detail-page .detail-id-entry[open]>summary{margin-bottom:14px}
.detail-page .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}
.detail-page .detail-actions .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.detail-page .detail-status{margin:14px 0;color:var(--muted);font-size:13px;min-height:1.8em;overflow-wrap:anywhere}
.detail-page .detail-status[data-state="error"]{color:var(--err)}
.detail-page .detail-status[data-state="warning"]{color:var(--orange-deep)}
.detail-page #detailContent{display:grid;gap:20px;margin-top:20px;outline-offset:6px}
.detail-page #detailContent:focus:not(:focus-visible){outline:none}
.detail-page #detailContent .skeleton{width:100%}
.detail-page .detail-section,.detail-page .detail-entry-head,.detail-page .detail-empty,.detail-page .detail-supplement{min-width:0;max-width:100%;padding:24px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--card-grad);box-shadow:var(--shadow-1)}
.detail-page .detail-section>h2,.detail-page .detail-empty>h2{margin:0 0 18px;font-size:21px}
.detail-page .detail-section h3,.detail-page .detail-guide h3,.detail-page .detail-entity h3{margin:0 0 10px;font-size:16px;overflow-wrap:anywhere}
.detail-page .detail-section h4{margin:18px 0 10px;font-size:14px}
.detail-page .detail-entry-head{display:flex;align-items:center;gap:24px}
.detail-page .detail-entry-head>div{min-width:0;flex:1}
.detail-page .detail-entry-head h2{margin:6px 0 12px;font-size:clamp(24px,3vw,34px);overflow-wrap:anywhere}
.detail-page .detail-kicker{font-size:12px;color:var(--green);font-weight:650;letter-spacing:.03em}
.detail-page .detail-portrait{flex:none;width:120px;height:120px;object-fit:contain;background:var(--green-soft);border-radius:var(--r-l);padding:8px}
.detail-page .detail-icon{flex:none;display:inline-block;vertical-align:middle;width:48px;height:48px;object-fit:contain;border-radius:8px;background:var(--paper-soft)}
.detail-page .detail-prose,.detail-page .detail-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.detail-page .detail-prose{line-height:1.9;color:var(--ink-soft);margin:0 0 12px}
.detail-page .detail-prose:last-child{margin-bottom:0}
.detail-page .detail-note{color:var(--muted);font-size:13px;line-height:1.85;overflow-wrap:anywhere;margin:10px 0}
.detail-page .detail-warning{padding:16px 20px;border:1px solid #e2bf82;border-radius:var(--r-m);background:var(--gold-soft);color:#735121;overflow-wrap:anywhere;white-space:pre-wrap}
.detail-page .detail-empty{padding-block:36px;background:var(--paper-soft);text-align:center;border-style:dashed}
.detail-page .detail-empty .detail-prose{max-width:650px;margin-inline:auto}
.detail-page .detail-retry{justify-self:start}
.detail-page .detail-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px 18px;margin:14px 0}
.detail-page .detail-facts>div{min-width:0;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.detail-page .detail-facts dt{font-size:12px;color:var(--muted);margin-bottom:4px;overflow-wrap:anywhere}
.detail-page .detail-facts dd{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.detail-page .detail-facts dd .detail-icon{width:64px;height:64px}
.detail-page .detail-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.detail-page .detail-two-columns>*{min-width:0;max-width:100%}
.detail-page .detail-mini{padding:16px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--paper-soft)}
.detail-page .detail-mini .badge{margin:4px 3px 4px 0}
.detail-page .detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.detail-page .detail-stat{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--green-soft)}
.detail-page .detail-stat>span{font-size:13px;color:var(--ink-soft)}
.detail-page .detail-stat>strong{font-size:20px;color:var(--green-deep);font-variant-numeric:tabular-nums}
.detail-page .detail-stat meter{grid-column:1/-1;width:100%;height:12px;accent-color:var(--green);border:0}
.detail-page .detail-stat meter::-webkit-meter-bar{background:#dce6de;border:0;border-radius:8px}
.detail-page .detail-stat meter::-webkit-meter-optimum-value{background:var(--green);border-radius:8px}
.detail-page .detail-stat meter::-moz-meter-bar{background:var(--green);border-radius:8px}
.detail-page .detail-stat-total{grid-column:1/-1;background:var(--gold-soft)}
.detail-page .detail-table-wrap{display:block;min-width:0;max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-m);margin:14px 0}
.detail-page .detail-table{width:100%;min-width:600px;border-collapse:collapse;table-layout:auto;font-size:13px;line-height:1.7;background:#fff}
.detail-page .detail-table th{padding:13px 14px;background:var(--green-soft);text-align:left;color:var(--green-deep);font-weight:700}
.detail-page .detail-table td{padding:14px;vertical-align:top;border-top:1px solid var(--line-soft);overflow-wrap:anywhere;max-width:360px}
.detail-page .detail-table tbody tr:nth-child(even){background:var(--paper-soft)}
.detail-page .detail-table .detail-prose{min-width:180px;font-size:13px}
.detail-page .detail-table-name{display:flex;align-items:center;gap:8px;min-width:140px}
.detail-page .detail-table-name .detail-icon{width:34px;height:34px}
.detail-page .detail-table ul{margin:0;padding-left:20px;min-width:160px}
.detail-page .detail-entity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.detail-page .detail-entity{min-width:0;max-width:100%;padding:16px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:#fff;overflow-wrap:anywhere}
.detail-page .detail-entity-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.detail-page .detail-entity-head>div{min-width:0}
.detail-page .detail-entity-head h3{margin-bottom:4px}
.detail-page .detail-quantity{font-size:13px;color:var(--green);font-weight:600}
.detail-page .detail-entity .detail-supplement,.detail-page .detail-evolution .detail-supplement,.detail-page .detail-guide .detail-supplement,.detail-page .detail-timeline .detail-supplement,.detail-page .detail-methods .detail-supplement{padding:10px 12px;box-shadow:none;margin-top:12px;border-color:var(--line-soft)}
.detail-page .detail-supplement>summary,.detail-page .detail-nested>summary{cursor:pointer;min-height:40px;padding:8px 0;font-size:13px;font-weight:650;color:var(--green);overflow-wrap:anywhere}
.detail-page .detail-supplement[open]>summary{margin-bottom:12px;border-bottom:1px solid var(--line-soft)}
.detail-page .detail-nested{max-width:100%;min-width:0;padding:0 12px;margin:10px 0;border-left:2px solid var(--line);background:#fffdfb}
.detail-page .detail-facts-supplement{gap:10px 18px}
.detail-page .detail-facts-supplement dd{font-weight:450;font-size:13px}
.detail-page .detail-records{padding-left:22px;margin:10px 0}
.detail-page .detail-records>li{padding:8px 0 12px;min-width:0;overflow-wrap:anywhere}
.detail-page .detail-records>li+li{border-top:1px solid var(--line-soft)}
.detail-page .detail-record-label{font-size:13px;font-weight:650;margin:3px 0;color:var(--ink)}
.detail-page .detail-evolution{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;padding:0;margin:0}
.detail-page .detail-evolution>li{min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper-soft)}
.detail-page .detail-evolution .detail-current{border:2px solid var(--green);background:var(--green-soft)}
.detail-page .detail-evolution h3{margin-top:10px}
.detail-page .detail-evolution .detail-entity-grid{grid-template-columns:minmax(0,1fr)}
.detail-page .detail-methods,.detail-page .detail-timeline{margin:0;padding-left:24px}
.detail-page .detail-methods>li,.detail-page .detail-timeline>li{padding:10px 0 18px 6px;overflow-wrap:anywhere}
.detail-page .detail-methods>li+li,.detail-page .detail-timeline>li+li{border-top:1px solid var(--line-soft)}
.detail-page .detail-methods strong{display:block;margin-bottom:6px;color:var(--green-deep)}
.detail-page .detail-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.detail-page .detail-guide{min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--r-m)}
.detail-page .detail-guide-image{width:100%;max-height:300px;object-fit:contain;margin-bottom:12px}
.detail-page .detail-guide .detail-entity-grid{grid-template-columns:minmax(0,1fr)}
.detail-page .detail-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.detail-page .detail-art-grid figure{margin:0;padding:20px;background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--r-m);min-width:0}
.detail-page .detail-art-grid figcaption{font-size:16px;font-weight:700;margin-bottom:14px;color:var(--green-deep)}
.detail-page .detail-art{width:100%;height:280px;object-fit:contain}
.detail-page .detail-small-art{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:12px}
.detail-page .detail-small-art .detail-icon{width:50px;height:50px}
.detail-page .detail-furniture-image{max-width:100%;max-height:420px;object-fit:contain;margin:18px auto;background:var(--paper-soft);border-radius:var(--r-m)}
.detail-page video{display:block;width:100%;max-width:760px;max-height:480px;margin:12px 0;border-radius:var(--r-m);background:#17231c}
.detail-page blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid var(--green-mist);background:var(--paper-soft);color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap}
.detail-page .detail-link-list{margin:0;padding-left:22px}
.detail-page .detail-link-list li{padding-block:7px}
.detail-page .detail-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.detail-page .detail-choice{display:flex;gap:12px;align-items:center;text-align:left;width:100%;min-width:0;min-height:76px;padding:14px;border:1px solid var(--line);border-radius:var(--r-m);background:#fff}
.detail-page .detail-choice:hover{border-color:var(--green);background:var(--green-soft)}
.detail-page .detail-choice>span:not(.detail-choice-action){display:block;min-width:0;flex:1}
.detail-page .detail-choice strong,.detail-page .detail-choice small,.detail-page .detail-choice-summary{display:block;overflow-wrap:anywhere}
.detail-page .detail-choice strong{font-size:14px;color:var(--green-deep)}
.detail-page .detail-choice small{font-size:12px;color:var(--muted);margin-top:3px}
.detail-page .detail-choice-summary{font-size:12px;color:var(--muted);margin-top:4px}
.detail-page .detail-choice-action{font-size:12px;color:var(--green);flex:none}
.detail-page .detail-lookup-pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:14px;color:var(--muted);font-size:13px}
.detail-page .detail-learners{margin-top:14px;min-width:0}
.detail-page [data-learner-status]{color:var(--muted);font-size:13px;margin-top:14px;overflow-wrap:anywhere}
@media(max-width:920px){
  .detail-page .detail-section,.detail-page .detail-entry-head,.detail-page .detail-supplement{padding:20px}
  .detail-page .detail-guides{grid-template-columns:minmax(0,1fr)}
  .detail-page .detail-two-columns{gap:14px}
}
@media(max-width:600px){
  .detail-page input,.detail-page select,.detail-page textarea{font-size:16px}
  .detail-page .detail-lookup-form{gap:10px}
  .detail-page .detail-lookup-form label{flex-basis:100%}
  .detail-page .detail-lookup-form>.btn{width:100%}
  .detail-page .detail-section,.detail-page .detail-entry-head,.detail-page .detail-supplement{padding:16px 14px}
  .detail-page .detail-section>h2{font-size:19px}
  .detail-page #detailContent{gap:14px}
  .detail-page .detail-entry-head{align-items:flex-start;gap:14px}
  .detail-page .detail-portrait{width:72px;height:72px;padding:4px}
  .detail-page .detail-entry-head h2{font-size:24px}
  .detail-page .detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .detail-page .detail-stat{padding:11px}
  .detail-page .detail-stat-total{grid-column:1/-1}
  .detail-page .detail-two-columns,.detail-page .detail-art-grid,.detail-page .detail-choices{grid-template-columns:minmax(0,1fr)}
  .detail-page .detail-choice{padding:12px}
  .detail-page .detail-choice-action{display:none}
  .detail-page .detail-art{height:240px}
  .detail-page .detail-art-grid figure{padding:16px}
  .detail-page .detail-nested{padding-left:8px;padding-right:0}
  .detail-page .detail-records{padding-left:18px}
  .detail-page .detail-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px 12px}
  .detail-page .detail-table-wrap{border-radius:8px}
  .detail-page .detail-table th,.detail-page .detail-table td{padding:11px}
  .detail-page .detail-status{font-size:12px}
}
@media print{
  .detail-page .detail-controls,.detail-page .detail-actions,.detail-page #resourceSource,.detail-page .detail-retry{display:none!important}
  .detail-page .detail-section,.detail-page .detail-entry-head{break-inside:avoid;box-shadow:none}
  .detail-page .detail-table-wrap{overflow:visible}
  .detail-page .detail-table{min-width:0}
}