.family-pack-shell{max-width:1160px;margin:auto;padding:24px 24px 70px;color:#204e69}.family-pack-heading{display:flex;gap:30px;align-items:center;margin:20px 0 35px}.family-pack-heading>div:first-child{flex:1}.family-pack-heading h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.04;margin:12px 0 20px}.family-pack-heading p{max-width:650px;font-size:1.1rem}.family-pack-art{width:280px;transform:rotate(3deg)}.family-pack-art svg{width:100%;height:auto;border-radius:42% 35% 43% 30%}.family-pack-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:34px;align-items:start}.family-pack-layout h2{font-size:1.65rem;margin:8px 0 20px}.family-pack-stories{list-style:none;margin:0;padding:0;display:grid;gap:16px}.family-pack-stories li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;background:#f7dbad;padding:14px;border-radius:20px 30px 22px 16px;box-shadow:0 4px 0 #d4b78a}.family-pack-stories li:nth-child(2){background:#c3dcc8;box-shadow:0 4px 0 #9cbca9}.family-pack-stories li:nth-child(3){background:#e8c7cc;box-shadow:0 4px 0 #caa5af}.family-pack-stories img{width:100%;height:105px;object-fit:cover;border-radius:14px}.family-pack-stories h3{font-size:1.15rem;margin:4px 0}.family-pack-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.family-pack-actions button{min-height:44px}.family-pack-actions button:disabled{opacity:.45;cursor:default}.family-pack-add{margin:24px 0 32px}.family-pack-add>div{display:flex;gap:10px;margin-top:8px}.family-pack-shell label{display:block;font-weight:800;margin-bottom:8px}.family-pack-shell select{max-width:100%;min-width:0;width:100%;border:2px solid #8bb7ca;background:#e5f1f3;color:#204e69;border-radius:13px;padding:12px;font:inherit;min-height:48px}.family-pack-add select{flex:1;width:0}.family-pack-add button{flex-shrink:0}.family-pack-add p{font-size:.88rem}.family-pack-summary{background:#b8dbe9;border:2px solid #7fb4cd;border-radius:30px 20px 27px 35px;padding:25px}.family-pack-summary ol{padding-left:22px}.family-pack-summary li{margin:18px 0}.family-pack-summary .primary-button{width:100%;margin-top:10px}.family-pack-summary [role=status]{font-size:.9rem;min-height:44px}.family-pack-small{font-size:.82rem;line-height:1.6}.family-pack-shell>p.family-pack-small{margin-top:32px}.family-pack-link{display:block;background:#b9dce9;border:2px dashed #76a9be;padding:22px 26px;border-radius:23px;margin:25px 0;text-decoration:none;color:#204e69}.family-pack-link strong{display:block;font-size:1.25rem;margin-bottom:5px}#pack-preview:empty{display:none}#pack-preview{margin-top:40px;border-top:2px dashed #87b1c3;padding-top:25px;scroll-margin-top:20px}.family-pack-preview-tools{max-width:720px;margin:0 auto 25px}.family-pack-preview-tools select{margin-bottom:15px}.family-paper-preview{overflow:auto;padding:10px;background:#b5cdd6;border-radius:16px}.family-paper-preview .family-paper{margin:0 auto;box-shadow:0 4px 15px #26495722}
@media(max-width:760px){.family-pack-shell{padding:16px 14px 50px}.family-pack-heading{gap:12px;margin-bottom:22px}.family-pack-art{width:100px;align-self:flex-start;margin-top:34px}.family-pack-heading h1{font-size:2.35rem}.family-pack-heading p{font-size:.95rem}.family-pack-heading .handwritten{font-size:.95rem}.family-pack-layout{grid-template-columns:1fr;gap:26px}.family-pack-stories li{grid-template-columns:95px minmax(0,1fr);gap:12px}.family-pack-stories img{height:105px}.family-pack-stories h3{font-size:1.05rem}.family-pack-actions{gap:4px}.family-pack-actions .text-button{font-size:.8rem}.family-pack-summary{padding:22px}.family-pack-add>div{flex-wrap:wrap}.family-pack-add select{width:100%;flex-basis:100%}.family-paper-preview .family-paper{width:100%;min-height:0;padding:18px 12px;font-size:15px}.family-paper-preview .family-paper .pack-cover-art{width:100%}.family-paper-preview .family-paper .pack-scene{grid-template-columns:1fr;gap:10px}.family-paper-preview .family-paper .pack-scene img{max-height:190px}.family-paper-preview .family-paper .pack-picture-row{grid-template-columns:1fr}.family-paper-preview .family-paper .pack-picture-row img{max-height:170px}.family-paper-preview .family-paper h1{font-size:29px}.family-paper-preview .family-paper h2{font-size:24px}}