/* Original collection 01 miniature previews, retained in the existing cards. */
.snippet-preview{height:330px;display:flex;align-items:center;justify-content:center;padding:24px 34px 34px;overflow:hidden}.fragment{width:100%;max-width:420px;color:#30302d;font-size:13px;line-height:1.5}.fragment h4{font-size:17px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin:0 0 7px}.fragment p{font-size:12px;color:#777770;margin:0}.fragment small{font-size:11px;color:#777770}.fragment-table{display:grid;grid-template-columns:1.4fr 1fr 1fr;border:1px solid #dedfd8;border-radius:10px;overflow:hidden;box-shadow:0 10px 22px #25321c0b;background:white}.frag-cell{padding:15px 11px;border-bottom:1px solid #e9e9e2;text-align:center;font-size:12px;transition:background-color .6s}.frag-cell:nth-child(3n+1){text-align:left;color:#707068}.frag-cell:nth-last-child(-n+3){border-bottom:0}.frag-head{font-weight:600;min-height:73px;display:flex;justify-content:center;flex-direction:column}.frag-head:first-child{font-weight:400}.frag-head small{display:block;font-size:9px;margin-top:5px;font-weight:400}.frag-featured{background:#f1f1ea}.fragment-comparison[data-step="1"] .frag-featured{background:#e6e5d6}.fragment-comparison[data-step="1"] .frag-check{color:#6652ca}.fragment-switch{display:flex;justify-content:center;gap:3px;margin:0 auto 20px;background:#e7e7e14d;border:1px solid #dfdfd8;border-radius:7px;padding:3px;width:fit-content;font-size:11px}.fragment-switch>span{padding:5px 13px;border-radius:4px;color:#828279;transition:background .4s,color .4s}.fragment-switch .selected{background:white;color:#292924;box-shadow:0 1px 3px #00000008}.fragment-pricecards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frag-pricecard{padding:22px 18px;background:white;border:1px solid #deded8;border-radius:10px;position:relative;box-shadow:0 8px 18px #25252206}.frag-pricecard.recommended{background:#f8f6ff;border-color:#d7cfee}.frag-pricecard h4{margin-top:9px}.frag-badge{position:absolute;top:-10px;left:15px;background:#e7e0f7;padding:3px 8px;font-size:9px;color:#655387;border-radius:4px}.frag-price{margin:20px 0;display:flex;flex-direction:column;gap:4px}.frag-price>span{font-size:32px;letter-spacing:-.8px;line-height:1.1}.frag-feature{font-size:10px;color:#6d6d64}.fragment-imagecard{display:grid;grid-template-columns:1fr;background:white;border:1px solid #dde3da;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px #25321c0c;max-width:330px;margin:auto}.fragment-imagecard img{width:100%;height:105px;object-fit:cover;display:block}.fragment-imagecontent{padding:16px}.fragment-imagecontent h4{font-size:15px}.fragment-imagecontent p{font-size:11px}.fragment-imagecontent dl{margin:13px 0 0;font-size:11px}.fragment-imagecontent dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ecece6;padding:7px 0}.fragment-imagecontent dt{color:#777770}.fragment-imagecontent dd{margin:0}.fragment-specifications[data-step="1"] .fragment-imagecard{grid-template-columns:110px minmax(0,1fr);max-width:420px}.fragment-specifications[data-step="1"] .fragment-imagecard img{height:100%;min-height:190px}.fragment-calculator{max-width:350px;background:white;padding:22px;border:1px solid #e0ded6;border-radius:11px;box-shadow:0 10px 24px #352f190b}.frag-option{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;border-bottom:1px solid #eceae3}.frag-stepper{border:1px solid #e5e2d9;padding:4px 9px;border-radius:5px;color:#8b887b}.frag-stepper strong{display:inline-block;padding:0 14px;color:#30302d;font-weight:500}.frag-checkbox{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;background:#6f6651;border-radius:3px;color:white;font-size:10px;margin-right:7px}.frag-estimate{display:flex;flex-direction:column;margin-top:20px;gap:3px}.frag-estimate>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8c877a}.frag-estimate strong{font-size:39px;font-weight:500;letter-spacing:-1px}.fragment-finder{max-width:350px}.frag-question{background:white;padding:17px;border:1px solid #dce1e7;border-radius:9px;font-size:12px;box-shadow:0 8px 16px #26334606}.frag-answer{display:flex;justify-content:space-between;border:1px solid #e4e5e9;border-radius:5px;margin-top:10px;padding:8px 11px;color:#696e79}.frag-match{background:white;border:1px solid #dce1e7;border-radius:9px;padding:19px;margin-top:12px;transition:opacity .5s,transform .5s;box-shadow:0 8px 16px #26334606}.frag-match-label{font-size:9px;letter-spacing:1px;color:#8c9099}.frag-match h4{font-size:25px;margin:7px 0}.frag-match-check{font-size:10px;display:block;margin-top:13px;color:#69736c}.fragment-finder[data-step="0"] .frag-match{opacity:.28;transform:translateY(4px)}.snippet-preview{padding:22px 20px;height:310px}.frag-cell{padding:14px 7px;font-size:10px}.frag-pricecard{padding:18px 12px}.frag-pricecard h4{font-size:15px}.snippet-preview{height:315px;padding:23px 20px}.fragment{max-width:360px}.frag-cell{font-size:11px}.frag-match{transform:none!important;opacity:1!important}
.tool-image .snippet-preview{height:330px;padding:34px;pointer-events:none;background:#f1f0eb;color:#30302d}.tool-image .fragment{font-family:Arial,Helvetica,sans-serif}.tool-image .fragment-calculator{width:100%}.tool-image .fragment-finder{width:100%}
@media(max-width:650px){.tool-image .snippet-preview{padding:24px 20px;height:300px}}


.tool-image{aspect-ratio:auto;height:330px}@media(max-width:650px){.tool-image{height:300px}}

/* Purpose-built miniature compositions; full demos remain on their own pages. */
.editorial-mini{position:relative;max-width:350px}.editorial-mini article{background:#fff;border:1px solid #deded7;border-radius:9px;overflow:hidden;box-shadow:0 10px 24px #352f190b}.tool-image .editorial-mini img{display:block;width:100%;height:100%;object-fit:cover}.mini-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card-row article>img{height:130px!important}.mini-card-row article>div{padding:15px 13px}.mini-card-row h4{margin-top:7px}.mini-navigation{display:flex;justify-content:space-between;padding:17px 4px 0;color:#777770;font-size:11px}.mini-navigation>span:last-child{font-size:18px;line-height:1}.mini-story-people{display:flex;gap:7px;align-items:center;margin-bottom:15px}.tool-image .mini-story-people img{width:29px;height:29px;border-radius:50%;border:2px solid white;outline:1px solid #b5bba9}.mini-story-people>span{margin-left:7px;font-size:11px}.mini-story-panel{display:grid;grid-template-columns:45% 55%;height:195px}.mini-story-copy{padding:17px 12px}.mini-story-copy h4{margin-top:9px}.mini-story-copy p{font-size:10px}.mini-progress{display:flex;gap:3px;margin-bottom:27px}.mini-progress i{height:3px;background:#e5e7de;flex:1}.mini-progress i:first-child{background:#758069}.mini-profile{height:255px}.mini-portrait{width:65%;height:240px;border-radius:9px;overflow:hidden}.mini-biography{position:absolute;right:0;top:68px;padding:21px 18px;width:67%}.mini-biography h4{font-size:23px;margin-top:8px}.mini-biography small{font-size:9px}.mini-biography>span{display:block;font-size:10px;margin-top:18px;color:#69745f}.mini-category{display:flex;gap:18px;font-size:10px;color:#777770;margin-bottom:15px}.mini-category b{color:#30382c;font-weight:500;border-bottom:1px solid;padding-bottom:4px}.mini-photo-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:95px 95px;gap:8px}.tool-image .mini-photo-grid img{border-radius:6px}.mini-photo-grid img:first-child{grid-row:span 2}.mini-photo-caption,.mini-film-caption{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.mini-photo-caption h4,.mini-film-caption h4{font-size:16px;margin:0}.mini-film{position:relative;height:200px;border-radius:9px;overflow:hidden}.mini-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffffed;font-size:26px}.mini-film small{position:absolute;bottom:12px;left:14px;color:white;text-shadow:0 1px 3px #000}.mini-film-caption>span{font-size:10px;color:#777770;white-space:nowrap}.mini-film-timeline{display:flex;gap:5px;margin-top:14px}.mini-film-timeline i{height:4px;background:#dddcd4;flex:1;border-radius:2px}.mini-film-timeline i:first-child{background:#77816a}