.demo{--d-ink:#243b32;--d-line:#e2e5df;background:#f5f6f2;color:#24352d;min-height:100vh;font:16px/1.6 Arial,sans-serif}.demo *{box-sizing:border-box}.demo a{text-decoration:none;color:inherit}.demo button,.demo input,.demo select,.demo textarea{font:inherit}.demo .d-button,.demo button{border:1px solid #243b32;background:#243b32;color:white;padding:10px 18px;border-radius:8px;cursor:pointer;display:inline-block}.demo button:disabled{opacity:.4;cursor:not-allowed}.demo button.secondary{background:white;color:#243b32;border-color:#cbd3cb}.demo button.danger{background:#fff1ed;color:#8e392b;border-color:#edc7bd}.demo :focus-visible{outline:3px solid #b48b54;outline-offset:3px}.d-banner{background:#efe3bc;color:#54451d;padding:10px 24px;font-size:14px;text-align:center}.d-top{padding:20px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--d-line);background:white}.d-brand{font:36px Georgia,serif}.d-top nav{display:flex;gap:20px;flex-wrap:wrap}.d-shell{max-width:1280px;margin:auto;padding:36px 5% 70px}.d-eyebrow{letter-spacing:2px;font-size:12px;color:#7a877c}.demo h1{font:clamp(32px,4vw,48px)/1.3 Georgia,serif;margin:12px 0}.demo h2{font-size:23px;line-height:1.4;margin:0 0 18px}.demo h3{font-size:18px;margin:0 0 12px}.d-muted{color:#66756b;font-size:14px}.d-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.d-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.d-card{background:white;border:1px solid var(--d-line);border-radius:14px;padding:28px;margin-bottom:20px;min-width:0}.d-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.d-stat{padding:20px;background:white;border:1px solid var(--d-line);border-radius:12px}.d-stat strong{display:block;font:34px Georgia,serif;margin-top:8px}.d-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.d-tabs button{background:transparent;color:#526658;border-color:transparent}.d-tabs button[aria-pressed=true]{background:#243b32;color:white}.d-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.demo input,.demo select,.demo textarea{background:#fff;border:1px solid #ccd4cd;border-radius:7px;padding:11px 12px;width:100%;color:#26372d}.demo label{display:block;margin-bottom:16px;font-size:14px}.demo label>input,.demo label>select,.demo label>textarea{display:block;margin-top:6px}.demo textarea{min-height:170px;resize:vertical}.d-tools input{flex:1;min-width:160px}.d-tools select{max-width:210px}.d-table-wrap{overflow-x:auto}.demo table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}.demo td,.demo th{text-align:left;padding:15px 12px;border-bottom:1px solid #e7eae4}.demo th{font-weight:500;color:#738176}.d-badge{border-radius:20px;padding:5px 11px;background:#eef1e9;color:#4a6050;font-size:12px;white-space:nowrap}.d-badge.pending,.d-badge.review{background:#fff1cf;color:#85621c}.d-badge.completed,.d-badge.paid{background:#dfefe5;color:#24613c}.d-badge.cancelled{background:#f6e3df;color:#89473c}.d-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.d-error{background:#fbe6e2;border:1px solid #edb1a5;padding:15px;color:#813b2c}.d-error,.d-success{border-radius:8px;margin-bottom:18px}.d-success{background:#e6f0e7;padding:14px}.d-summary>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e4e7e0;gap:20px}.d-summary .d-total{font-weight:700;font-size:24px}.d-product{display:flex;gap:25px;align-items:center}.d-product img{width:115px;border-radius:10px}.d-step{font-size:13px;letter-spacing:1px;color:#788777;margin-bottom:22px}.d-receipt{border:1px dashed #abbcb0;padding:25px;text-align:center;background:#f4f6f0;margin:18px 0}.d-receipt strong{display:block;font-size:26px}.d-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.d-article-grid a{display:block}.d-article-grid .d-card{min-height:250px;transition:transform .2s}.d-article-grid .d-card:hover{transform:translateY(-4px)}.d-article-body{max-width:730px;margin:35px auto}.d-article-body p{white-space:pre-line;line-height:2;margin-bottom:25px}.d-history{font-size:14px;color:#6c786e;padding-left:20px}.d-empty{text-align:center;padding:45px 20px;color:#778578}.d-note{border-left:3px solid #c6ac7e;padding-left:16px;margin:20px 0;font-size:14px}.d-check{display:flex!important;align-items:center;gap:10px}.d-check input{width:auto!important}.demo-store-link{display:inline-block;padding:14px 25px;background:#243b32;color:#fff;margin:15px 0}.demo-links{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0;font-size:14px}.product-photo img{object-fit:contain!important;background:#e9e1d8}.journal-home{padding:60px 7%;border-top:1px solid #d9d3c7}.journal-home h2{font:38px Georgia,serif}.journal-home a{display:inline-block;margin-top:18px;text-decoration:underline}.demo .d-shell footer{display:block;padding:20px 0;font-size:13px;color:#778578}.demo button small{font-size:12px}@media(max-width:850px){.d-grid{grid-template-columns:1fr}.d-stats{grid-template-columns:repeat(2,1fr)}.d-article-grid{grid-template-columns:1fr}.d-heading{align-items:start;flex-direction:column}.d-card{padding:20px}.d-top{align-items:start;flex-direction:column}.d-top nav{gap:15px;font-size:14px}}@media(prefers-reduced-motion:reduce){.d-article-grid .d-card{transition:none}}