.demo-section{margin-top:16px;padding-top:24px;border-top:1px solid var(--tk-cizgi)}.demo-sectionHead{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--tk-ana)}.demo-sectionHead h2{font-size:26px;font-weight:750;letter-spacing:-.04em;line-height:1.3;margin:5px 0 0}.demo-count{border:1px solid var(--tk-cizgi);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--tk-silik)}.demo-disclosure{font-size:13px;color:var(--tk-silik);line-height:1.6;margin:8px 0 20px;max-width:850px}.demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}.demo-card{display:block;overflow:hidden;border:1px solid var(--tk-cizgi);border-radius:14px;background:var(--tk-yuzey);transition:border-color .15s,box-shadow .15s}.demo-card:hover{border-color:var(--tk-ana);box-shadow:0 10px 20px -15px #2a1b1e50}.demo-photo{position:relative;aspect-ratio:4/3;background:#f5f3f2;overflow:hidden}.demo-photo img{object-fit:cover}.demo-label{position:absolute;top:10px;left:10px;z-index:1;background:#fff6ce;color:#5e4100;border:1px solid #d4b858;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750;line-height:16px;box-shadow:0 2px 5px #00000015}.demo-photoLabel{position:absolute;right:0;bottom:0;left:0;padding:15px 10px 5px;background:linear-gradient(transparent,#0008);color:#fff;font-size:10px}.demo-cardBody{padding:14px}.demo-category{font-size:11px;line-height:16px;color:var(--tk-silik)}.demo-card h3{font-size:15px;font-weight:700;margin:5px 0 0;line-height:21px}.demo-exampleValue{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--tk-silik);margin:14px 0}.demo-exampleValue strong{font-size:13px;color:var(--tk-murekkep)}.demo-cardFoot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--tk-cizgi);padding-top:10px;font-size:10px;color:var(--tk-silik)}.demo-cardFoot span:last-child{color:var(--tk-ana);font-weight:700}.demo-detail{max-width:1180px;margin:0 auto}.demo-back{display:inline-flex;font-size:13px;font-weight:650;padding:5px 0;margin-bottom:14px;color:var(--tk-ana)}.demo-detailNotice{display:flex;flex-direction:column;gap:4px;background:#fff8da;color:#5e4100;border:1px solid #e5d38a;border-radius:14px;padding:14px 18px;margin-bottom:24px;font-size:13px}.demo-detailNotice strong{font-size:14px}.demo-detailGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px}.demo-detailPhoto{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#f6f4f3}.demo-detailPhoto img{object-fit:contain}.demo-photoCredit{font-size:11px;line-height:18px;color:var(--tk-silik);margin:10px 0 20px}.demo-photoCredit a{text-decoration:underline;text-underline-offset:3px}.demo-detailCopy h1{font-size:30px;line-height:1.25;font-weight:750;letter-spacing:-.04em;margin:6px 0 14px}.demo-detailValue{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tk-silik)}.demo-detailValue strong{font-size:24px;color:var(--tk-murekkep);font-weight:750}.demo-owner{display:flex;align-items:center;gap:10px;border:1px solid var(--tk-cizgi);border-radius:12px;padding:12px;margin:20px 0}.demo-owner img{border-radius:10px}.demo-owner strong{display:block;font-size:13px}.demo-owner span{display:block;font-size:11px;color:var(--tk-silik);margin-top:3px}.demo-detailCopy h2{font-size:16px;font-weight:700;margin:16px 0 8px}.demo-detailCopy>p{font-size:13px;line-height:1.7}.demo-plainNotice{border-left:3px solid #d4b858;padding-left:12px;color:var(--tk-silik);margin-top:12px}.demo-disabledActions{display:flex;gap:10px;margin-top:20px}.demo-disabledActions button{flex:1;padding:12px 8px;border:1px solid var(--tk-cizgi);border-radius:10px;background:var(--tk-kagit);color:var(--tk-silik);font-size:12px;cursor:not-allowed;opacity:.8}@media(max-width:1023px){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-detailGrid{grid-template-columns:1fr;gap:8px}.demo-detailPhoto{max-height:520px}}@media(max-width:639px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-cardBody{padding:10px}.demo-label{top:7px;left:7px;font-size:10px;padding:3px 7px}.demo-card h3{font-size:13px;min-height:36px;line-height:18px}.demo-exampleValue{flex-direction:column;gap:2px;margin:10px 0}.demo-cardFoot{flex-direction:column;gap:5px}.demo-category{font-size:10px}.demo-sectionHead h2{font-size:23px}.demo-disclosure{font-size:12px}.demo-detailCopy h1{font-size:27px}.demo-detailNotice{font-size:12px;padding:12px}.demo-disabledActions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.demo-card{transition:none}}