.culture-cards{margin:26px 0}.culture-cards>.panel{padding:24px;margin:14px 0;background:#f4fbf6d9;border:1px solid white;border-radius:24px}.culture-cards small{display:block;line-height:1.7;color:#4d727a}.culture-cards a{color:#257a84}.template-map{margin:16px 0;padding:12px;background:#effaf2;border-radius:18px;border:1px solid #b5dcd6}.template-map svg{display:block;width:100%;height:auto}.template-map figcaption{font-size:12px;line-height:1.6;color:#466a71}.template-node{padding:12px 16px;margin:12px 0;border-left:4px solid #73bcb1;background:#ffffffa1;border-radius:0 16px 16px 0}.template-select{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #86b6b22e;flex-wrap:wrap}.template-select input[type=number]{width:76px;min-width:0}.template-select input[type=checkbox],.template-needs input[type=checkbox],#template-over-budget{width:18px;height:18px;flex-shrink:0;accent-color:#168d88}.template-select label{display:flex;align-items:center;gap:6px}.template-needs{display:flex;gap:16px;flex-wrap:wrap}.template-needs label{display:flex;align-items:center;gap:6px}.template-output{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:50vh;overflow:auto;padding:16px;background:#ffffffb3;border-radius:16px}.template-world{margin-top:24px;border-top:1px solid #a4c9c4;padding:12px 0}#template-status{color:#9a5029;line-height:1.6}dialog:has([data-template]){width:min(720px,94vw)}dialog:has([data-template]) .form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog:has([data-template]) .form-two label{display:flex;flex-direction:column;gap:7px}dialog:has([data-template]) ol{padding-left:20px;line-height:1.8}dialog:has([data-template]) button{min-height:40px}.culture-cards .actions{margin-top:12px;flex-wrap:wrap}
@media(max-width:600px){.culture-cards>.panel{padding:18px}.culture-cards .section-row{align-items:flex-start;flex-direction:column}.culture-cards h3{font-size:21px}.culture-cards p{font-size:14px}.template-select{gap:8px}.template-map{padding:5px}.template-map figcaption{padding:5px}.template-map text{font-size:15px}dialog:has([data-template]){padding:25px 18px}dialog:has([data-template]) .form-two input,dialog:has([data-template]) .form-two select{width:100%;min-width:0}}
