.website-packages>header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.website-packages p{line-height:1.9}.website-package-notice,.website-package-hint{padding:1rem;border-radius:14px;background:#f6f1e9}.website-package-groups{border:1px solid #ddd8d2;border-radius:16px;padding:1rem;margin:1rem 0}.website-package-groups summary{font-weight:700;cursor:pointer}.website-package-group-list{max-height:420px;overflow:auto;margin-top:1rem}.website-package-group-list>label{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #eee}.website-package-group-list small,.website-package-card small{display:block;color:#647078;margin-top:.45rem}.website-package-actions{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:#fffdfa;padding:1rem;border:1px solid #ded9d3;border-radius:14px;margin:1rem 0}.website-package-actions>div{margin-inline-end:auto}.website-package-actions span{display:block;font-size:.85rem;margin-top:.4rem}.website-package-state-filter{max-width:350px;display:block;margin:1rem 0}.website-package-cards{display:grid;gap:1rem}.website-package-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,35%);gap:1rem;border:1px solid #ded9d3;border-radius:16px;padding:1.25rem}.website-package-card h3{margin:.7rem 0}.website-package-card-controls{display:grid;gap:.7rem}.website-package-card-controls label{display:grid;gap:.35rem}.website-package-badge{display:inline-block;padding:.3rem .65rem;border-radius:20px;font-size:.8rem;background:#eef1f4;color:#425462}.website-package-badge.state-visible{background:#e9f4eb;color:#246637}.website-package-badge.state-no_map,.website-package-badge.state-map_review{background:#fff2df;color:#885711}.website-package-lessons{grid-column:1/-1;border-top:1px solid #eee;padding-top:.7rem}.website-package-lessons ul{line-height:2}.website-packages select,.website-packages input{max-width:100%;width:100%;min-width:0}.website-packages button{white-space:normal}@media(max-width:700px){.website-packages>header,.website-package-card{display:flex;flex-direction:column}.website-package-group-list>label{grid-template-columns:1fr}.website-package-actions{position:static}.website-package-actions button{flex:1}.website-package-card-controls{width:100%}}
.website-package-purchase{min-inline-size:0;padding:16px;border:1px solid var(--line,#ddd);border-radius:12px;margin-block:16px}
.website-package-purchase p{line-height:1.9;font-size:13px}
.website-package-purchase label{display:grid;gap:6px;min-width:0;margin-block:8px}
.website-package-purchase select,.website-package-purchase input:not([type=checkbox]){width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.website-package-purchase fieldset{min-inline-size:0;margin-block:12px;padding:12px}

.package-title-backdrop{position:fixed;inset:0;z-index:1400;background:#1119;display:flex;align-items:center;justify-content:center;padding:16px}.package-title-dialog{display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100dvh - 32px);background:var(--surface,#fffdfa);color:var(--text,#172c3e);border:1px solid var(--line,#ddd8d2);border-radius:18px;box-shadow:0 20px 80px #0004;overflow:hidden}.package-title-dialog>header,.package-title-dialog>footer{padding:16px 20px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex:0 0 auto}.package-title-dialog h2{font-size:1.15rem;margin:0 0 8px}.package-title-dialog>header{border-bottom:1px solid var(--line,#ddd8d2)}.package-title-dialog>footer{border-top:1px solid var(--line,#ddd8d2);flex-wrap:wrap}.package-title-dialog>footer>div{display:flex;gap:8px;flex-wrap:wrap}.package-title-body{padding:16px 20px;overflow:auto;min-height:0;overscroll-behavior:contain}.package-title-card{padding:16px;border:1px solid var(--line,#ddd8d2);border-radius:14px;margin-block:12px}.package-title-dialog p{line-height:1.9}.package-title-card label,.package-title-search{display:grid;gap:8px}.package-title-dialog input{width:100%;box-sizing:border-box;min-width:0;padding:10px;border-radius:9px;border:1px solid #b9b7b3;background:inherit;color:inherit;font:inherit}.package-title-dialog button{font:inherit;cursor:pointer;padding:9px 14px;border:1px solid #bdb8b1;border-radius:10px;background:transparent;color:inherit}.package-title-dialog button:disabled{opacity:.5;cursor:default}.package-title-dialog .website-primary{background:#a00008;color:#fff;border-color:#a00008}.package-title-preview{background:#eee9e2;padding:10px;border-radius:9px;color:#173b3a}.package-title-discard{width:min(460px,100%);padding:12px}.package-title-discard>p{padding:0 20px}@media(max-width:500px){.package-title-backdrop{padding:8px}.package-title-dialog{max-height:calc(100dvh - 16px)}.package-title-dialog>header,.package-title-dialog>footer,.package-title-body{padding:12px}.package-title-card{padding:12px}.package-title-dialog>footer>div{width:100%}.package-title-dialog>footer button{flex:1}}


.website-package-lessons>.website-check{display:flex;align-items:center;gap:.6rem}.website-package-lessons>.website-check input[type=checkbox]{width:auto;flex:0 0 auto}