.dl-planner{font-size:18px;line-height:1.6;overflow-wrap:anywhere}
.dl-planner [hidden]{display:none!important}
.dl-planner>section,.dl-planner>details{margin-block:2rem}
.dl-planner h2,.dl-planner h3,.dl-planner h4{line-height:1.3;margin-block:1rem}
.dl-planner h2{font-size:1.5em}.dl-planner h3{font-size:1.2em}.dl-planner h4{font-size:1.1em}
.dl-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-block:1rem}
.dl-actions>label{display:grid;gap:.5rem;flex:1;min-width:min(100%,15rem)}
.dl-actions>.km-btn{flex:1;min-width:min(100%,16rem)}
.dl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;row-gap:.5rem}
.dl-fields>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0;margin-bottom:1rem}
.dl-fields>label>span{align-self:end}.dl-fields>label>small{font-size:14px;line-height:1.5}
.dl-fields :is(input,select){width:100%;min-width:0}
.dl-product,.dl-room{margin-block:1.5rem 2rem}
.dl-product>details{margin-block:1rem}.dl-limits,.dl-rule-line{font-size:16px;line-height:1.6}
.dl-order{margin-block:2rem;padding-block:1rem;border-block:1px solid currentColor}
.dl-order header strong{display:block;font-size:1.5em;line-height:1.3}
.dl-order details{margin-block:1rem}.dl-room-plan{margin-block:2rem}
.dl-diagram{overflow:auto;background:#fff;border:1px solid #695337;border-radius:.5rem;padding:1rem}
.dl-diagram svg{display:block;width:100%;min-width:240px;max-height:580px;margin:auto}
.dl-table{overflow:auto;max-height:32rem;margin-block:1rem}
.dl-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.dl-table :is(th,td){padding:.75rem;text-align:left;vertical-align:top;border-bottom:1px solid currentColor;min-width:5rem}
.dl-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dl-facts dd{font-weight:700;margin:0}
.dl-examples{display:flex;flex-wrap:wrap;gap:.75rem}.dl-examples button{flex:1 1 16rem}
#dlCopyFallback{width:100%;min-height:18rem}
.dl-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.dl-fields,.dl-facts{grid-template-columns:minmax(0,1fr)}.dl-actions{display:grid;grid-template-columns:minmax(0,1fr)}.dl-actions>.km-btn{order:-1}}
@media(prefers-reduced-motion:reduce){.dl-planner *{scroll-behavior:auto}}
/* Restore inherited theme prose against the legacy desktop paragraph palette. */
#dlPlanner{color:var(--ui-ink)}
#dlPlanner p{color:inherit}