/* Full detail text lives beside the decorative card, with separate actions. */
.detail-view,.node-detail {font-size:16px;line-height:1.7;overflow-wrap:anywhere;}
.detail-card {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;justify-items:center;margin:12px 0 24px;}
.detail-card>.card {width:150px;min-width:150px;height:210px;pointer-events:none;}
.detail-copy {width:100%;min-width:0;padding:18px;border:1px solid #74654c;border-radius:12px;background:#24242b;}
.detail-copy h3 {font-size:24px;line-height:1.4;margin:8px 0 16px;}
.detail-copy p {font-size:16px;line-height:1.8;margin:10px 0;}
.detail-copy .detail-kind {color:#e3c888;}
.detail-effect {color:#f2f0ea;}
.detail-context {padding:16px;background:#24242b;border-radius:10px;white-space:pre-line;}
.detail-actions {display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-bottom:12px;}
.detail-actions .button {min-height:52px;white-space:normal;line-height:1.6;padding:14px 16px;font-size:16px;overflow-wrap:anywhere;}
.detail-actions .button:disabled {opacity:1;color:#cbc5bc;background:#3c3b40;border-color:#68616a;}
.shop-price {font-size:16px;line-height:1.5;margin:12px 0 20px;color:#ead396;text-align:center;}
.shop-cards>article {min-width:0;}
.shop-relic {margin:20px auto;text-align:center;}
.shop-relic>.card {margin:auto;}
.node-detail h3 {font-size:19px;margin:24px 0 8px;}
.node-detail p,.node-detail li {font-size:16px;line-height:1.8;}
.node-detail ol,.node-detail ul {padding-left:24px;}
@media(min-width:600px) {.detail-card {grid-template-columns:150px minmax(0,1fr);align-items:start;}}
@media(max-width:360px) {.detail-copy {padding:14px;}.detail-copy h3 {font-size:22px;}.detail-actions .button {padding:12px;}}