*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(130deg,#fdf7ed 0%,#eef7fd 44%,#f5f8fc 100%);color:#102d4c;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:850px;margin:auto;padding:22px 20px 55px}header,.brand,.bar,.actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{justify-content:flex-start}.brand img{width:52px;height:52px;border-radius:14px}.brand h1{font-size:24px;letter-spacing:-.03em;margin:0}.brand small,.eyebrow{font-size:11px;letter-spacing:.13em;color:#0865a4;font-weight:800}.version{font-size:12px;color:#496a84;background:#e4eff7;border-radius:30px;padding:7px 12px}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:32px 8px 26px}.hero-copy{max-width:560px}.hero h2{font-size:clamp(36px,7vw,56px);line-height:1.07;letter-spacing:-.05em;margin:12px 0;color:#0a355a}.hero p{color:#4c657a;max-width:520px;font-size:17px}.hero-mascot{width:clamp(140px,32%,240px);filter:drop-shadow(0 16px 15px #a6b6c34d)}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-pills span{background:#e0f2ed;color:#176f5c;padding:7px 10px;border-radius:20px;font-size:12px;font-weight:700}.panel{background:#fff;border:1px solid #e0e9ef;border-radius:23px;padding:30px;box-shadow:0 18px 45px #274a6b15}.bar{font-size:13px;color:#53718b;font-weight:650}.track{height:8px;border-radius:10px;background:#e6eef4;margin:14px 0 30px;overflow:hidden}.track>div{height:100%;background:linear-gradient(90deg,#1279bd,#23bba2);transition:width .2s}h3{font-size:25px;line-height:1.25;margin:0 0 12px;color:#0d3355}p.note{color:#587087;font-size:14px}.choices{display:grid;gap:11px;margin:25px 0}.choice{width:100%;background:#f7fbfe;color:#143a5d;border:1.5px solid #d4e4ef;border-radius:14px;text-align:left;padding:18px;font:inherit;font-weight:600;cursor:pointer;transition:.15s}.choice:hover,.choice:focus-visible{border-color:#1382c8;background:#eaf5fd;transform:translateY(-1px)}.actions{margin-top:24px;flex-wrap:wrap}button.action{border:0;border-radius:12px;padding:13px 18px;background:#07548b;color:#fff;font-weight:750;cursor:pointer}button.action:hover{background:#086aa9}.action.secondary{background:#eaf1f7;color:#244e70}.action:disabled{opacity:.4}input{width:100%;font:inherit;border:1px solid #bbcfdd;background:#fff;color:#153855;border-radius:10px;padding:13px}input:focus{outline:2px solid #6eb8eb}label{display:block;margin-bottom:7px;font-size:14px;font-weight:650}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:26px 0}.result{border-left:4px solid #edaf4f;background:#fff8ed;border-radius:9px;padding:15px;margin:12px 0}.result.risk{border-color:#e76b6b;background:#fff1f1}.result.ok{border-color:#26a781;background:#edfaf4}.result h4,.result h5{margin:0 0 7px;color:#143a5d}.result p{margin:5px 0;font-size:14px;color:#365369}.report-section{margin-top:24px}.report-section h4{font-size:18px;color:#0b4776;border-bottom:1px solid #d9e5ee;padding-bottom:7px}.metadata{display:grid;gap:5px}footer{font-size:12px;color:#71879b;margin-top:26px}a{color:#096eaf}@media(max-width:540px){.shell{padding:16px 13px 35px}.panel{padding:19px}.hero{padding:28px 0 20px}.hero h2{font-size:35px}.hero p{font-size:14px}.hero-mascot{width:36%;min-width:115px}.fields{grid-template-columns:1fr}.hero-pills span{font-size:10px;padding:5px 7px}}@media print{body{background:#fff;color:#000}.shell{max-width:none;padding:0}.hero,header,.actions,footer,.track,.bar{display:none!important}.panel{box-shadow:none;border:0;padding:0}.result,.result.risk,.result.ok{background:#fff;color:#000;border:1px solid #aaa;border-left:4px solid #777;break-inside:avoid}.result p{color:#111}.report-section{break-inside:auto}h3,h4{break-after:avoid}}
.hero-mascot{border-radius:24px;object-fit:cover;object-position:center top;max-height:330px;box-shadow:0 12px 28px rgba(15,56,90,.12)}@media(max-width:540px){.hero-mascot{max-height:225px;border-radius:16px}}@media print{.hero-mascot{display:none!important}}

/* Previously selected answers stay visible when revisiting a question. */
.choice.is-selected{border:2px solid #0d70b8;background:#e2f2ff;color:#063b65;box-shadow:0 0 0 2px rgba(13,112,184,.08)}
.choice.is-selected:hover,.choice.is-selected:focus-visible{background:#d7edff;border-color:#075d9e}
.choice-indicator{float:right;font-weight:800;color:#0d70b8}
.choice.is-selected .choice-indicator{display:inline-grid;place-items:center;background:#0d70b8;color:white;width:25px;height:25px;border-radius:50%}
@media print{.choice.is-selected{border-color:#555;background:#f0f0f0;color:#111}}

.dimension-feedback{margin:14px 0;padding:14px 16px;border-radius:12px;border:1px solid #b6cce0;background:#eef5fb;color:#153a55}.dimension-feedback p{margin:7px 0}.feedback-warn{background:#fff3df;border-color:#e8b75d;color:#6b4000}.feedback-ok{background:#e8f6ed;border-color:#8dc9a2;color:#1a5931}.feedback-review{background:#edf3fc;border-color:#9ab9e3}

/* Bauform-Auswahl: einfache schematische Grundrisse, mobil gestapelt */
.choice-with-plan{display:flex;align-items:center;gap:16px;min-height:112px}
.plan-thumbnail{width:130px;height:100px;object-fit:contain;flex:0 0 130px;background:white;border:1px solid #e1eaf0;border-radius:9px;padding:5px}
.choice-label{flex:1}.choice-with-plan .choice-indicator{float:none;flex:0 0 auto}
@media(max-width:540px){.choice-with-plan{gap:10px;padding:12px}.plan-thumbnail{width:94px;height:85px;flex-basis:94px}.choice-label{font-size:14px}}

/* V1.9.2: eindeutige Navigation und direkte fachliche Warnungen */
.actions{justify-content:space-between}.restart-row{margin-top:20px;padding-top:14px;border-top:1px solid #e3edf4}.restart-link{background:transparent;border:0;color:#607a8e;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;padding:8px 0}.inline-warning{margin:18px 0;padding:15px 17px;border:2px solid #d64a44;border-radius:12px;background:#fff0ee;color:#7b2420}.inline-warning p{margin:8px 0 0}.actions #forward{margin-left:auto;min-width:135px}

/* 1.9.5: planungsorientierte, responsive Oberfläche */
:root{--navy:#07395f;--blue:#00639e;--pale:#eef7fc;--stroke:#d7e5ed}
body{background:radial-gradient(circle at 5% 3%,#fff2dd 0,transparent 34%),linear-gradient(115deg,#f7fafc,#eaf5fd 70%,#f5f9fd);color:#0c3050}
.shell{max-width:1120px;padding:22px 28px 65px}
header{padding:5px 8px}.brand img{width:56px;height:56px}.brand h1{font-size:26px}
.hero{padding:18px 8px 22px;gap:28px}.hero h2{font-size:clamp(32px,4vw,50px)}.hero-mascot{width:clamp(125px,22%,190px);max-height:210px}
.panel{border-radius:26px;padding:34px 38px;box-shadow:0 18px 55px #18436a15;border:1px solid #dbe7ef}
.phase-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 22px;position:relative}
.phase{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#637e91;font-size:12px;font-weight:650;position:relative}
.phase-dot{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e1ebf2;color:#375a73;font-size:15px;font-weight:800;border:2px solid white;box-shadow:0 0 0 1px #d9e5ed}
.phase-current .phase-dot{background:#005d9b;color:white;box-shadow:0 4px 14px #005d9b33}.phase-current{color:#07395f}.phase-done .phase-dot{background:#d9f2e8;color:#087c5a}
.track{height:5px;margin:0 0 28px}.track>div{background:linear-gradient(90deg,#0069ae,#26b6a0)}
h3{font-size:clamp(23px,2.6vw,30px);letter-spacing:-.025em}.note{line-height:1.65}
.choices{gap:12px}.choice{border-radius:16px;padding:20px;background:#f8fbfe;border:1.5px solid var(--stroke);min-height:68px}
.choice.is-selected{background:#e3f1ff;border:2px solid #0875c6;box-shadow:0 0 0 2px #0b76c313}
.concept-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.concept-choices .choice-with-plan{min-height:215px;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center;gap:10px;padding:16px}
.concept-choices .plan-thumbnail{width:100%;height:135px;flex:0 0 135px;object-fit:contain;background:#fff;border-radius:12px}
.concept-choices .choice-label{font-weight:750;flex:none}.concept-choices .choice-indicator{position:absolute;right:12px;top:12px}
.concept-choices .choice{position:relative}
.fields{gap:18px;margin:24px 0}.fields>div{padding:16px;background:#f8fbfd;border:1px solid #e1eaf0;border-radius:15px}
.fields label{color:#153f62}.fields input{border-radius:11px;background:white;font-size:18px}
button.action{background:linear-gradient(120deg,#075d99,#07365d);border-radius:13px;min-height:47px;padding:13px 25px;font-size:15px}
.actions #forward{min-width:170px}.action.secondary{background:#eaf1f6}
.dimension-feedback{border-radius:16px;padding:19px 20px}.inline-warning{border-radius:16px;padding:18px 20px;box-shadow:0 6px 18px #b72b2510}
.restart-row{margin-top:16px}footer{padding:0 8px}
@media(min-width:950px){.panel{max-width:980px;margin:auto}.hero{max-width:980px;margin:auto}}
@media(max-width:680px){.shell{padding:12px 13px 35px}.panel{padding:21px 16px;border-radius:20px}.hero{gap:10px;padding:15px 4px 18px}.hero h2{font-size:32px}.hero p{font-size:13px}.hero-mascot{width:34%;min-width:105px;max-height:175px}.brand h1{font-size:21px}.brand img{width:43px;height:43px}.phase-nav{gap:2px;margin:18px -4px}.phase-dot{width:30px;height:30px;font-size:12px}.phase-label{font-size:9px}.concept-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.concept-choices .choice-with-plan{padding:9px;min-height:178px}.concept-choices .plan-thumbnail{height:100px;flex-basis:100px}.concept-choices .choice-label{font-size:12px}.fields{grid-template-columns:1fr;gap:10px}.actions #forward{min-width:130px}.hero-pills{gap:5px}.hero-pills span{font-size:10px}}
@media(max-width:370px){.phase-label{font-size:8px}.concept-choices{grid-template-columns:1fr}.concept-choices .choice-with-plan{min-height:130px}.concept-choices .plan-thumbnail{height:80px;flex-basis:80px}}
@media print{.phase-nav{display:none!important}}

/* Einheitliche fachliche Statusmeldungen und klare Eingabehinweise */
.phase-hint{font-size:.84rem;color:#526782;margin:.35rem 0 .65rem}.status-message{border:2px solid;border-radius:16px;padding:16px 19px;margin:18px 0;line-height:1.5}.status-message strong{display:block;font-size:1rem}.status-message p{margin:.55rem 0 0}.status-message .status-source{font-size:.82rem;opacity:.82}.status-fail{border-color:#cc493e;background:#fff2ef;color:#852820}.status-review,.status-open{border-color:#d69a35;background:#fff8e9;color:#704c13}.input-error{margin:14px 0;padding:12px 16px;border-left:4px solid #bf3d35;border-radius:8px;background:#fff1ee;color:#8e241f;font-weight:600}.input-error[hidden]{display:none}

/* V1.9.7 – explanatory gender pictograms in personnel and fixture cards */
.fields>div.person-card{display:flex;flex-direction:column;gap:8px;min-width:0}
.person-heading{display:flex;align-items:center;gap:14px;min-height:76px}
.person-heading img{width:49px;height:70px;object-fit:contain;flex:none}
.person-heading label{margin:0;font-size:16px;line-height:1.3}
.person-heading label small{display:block;font-size:12px;font-weight:500;color:#62788e;margin-top:4px}
.person-men{background:#f2f8fe!important}.person-women{background:#fff5f9!important}
.person-men input:focus{outline-color:#1266ad}.person-women input:focus{outline-color:#dc3f78}
@media(max-width:540px){.person-heading{min-height:62px}.person-heading img{height:58px;width:42px}}

/* V1.9.8: context illustrations use the selected Bauform and reuse existing schematics. */
.selected-plan,.context-illustration{display:flex;align-items:center;gap:22px;border:1px solid #cddfeb;background:linear-gradient(115deg,#f3f9fd,#ffffff);border-radius:18px;padding:16px 20px;margin:20px 0 4px;color:#143b5e}
.selected-plan-art{flex:0 0 190px;background:white;border:1px solid #d8e6ef;border-radius:14px;padding:8px;display:grid;place-items:center}
.selected-plan-art img{width:100%;height:130px;object-fit:contain}
.selected-plan-kicker{font-size:11px;letter-spacing:.08em;color:#38759a;text-transform:uppercase;font-weight:800;display:block;margin-bottom:5px}
.selected-plan strong,.context-illustration strong{font-size:17px;line-height:1.3;display:block}
.selected-plan p,.context-illustration p{font-size:13px;color:#55748a;margin:7px 0 0;line-height:1.5}
.context-illustration img{width:100px;height:86px;object-fit:contain;flex:0 0 100px;background:#fff;border-radius:12px;padding:8px}
@media(max-width:590px){.selected-plan,.context-illustration{gap:12px;padding:12px;align-items:center}.selected-plan-art{flex-basis:112px;padding:3px}.selected-plan-art img{height:105px}.selected-plan strong,.context-illustration strong{font-size:14px}.selected-plan p,.context-illustration p{font-size:11px}.context-illustration img{flex-basis:70px;width:70px;height:74px}}
@media print{.selected-plan,.context-illustration{display:none!important}}

/* 1.9.9: Befundstatus sind auch in Graustufen/PDF ohne Farbdruck erkennbar. */
.result-status{display:inline-block;white-space:nowrap;vertical-align:baseline;border:1.5px solid currentColor;border-radius:5px;padding:2px 7px;margin-right:8px;font-size:11px;font-weight:850;letter-spacing:.04em}
.result-title{font-weight:750}
.result h5{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;line-height:1.45}
.result-fail .result-status{color:#a52721;background:#ffeded}
.result-pass .result-status{color:#17664a;background:#eaf7ee}
.result-review .result-status{color:#8a560c;background:#fff3db}
.result-open .result-status{color:#6b4c17;background:#fff5dd}
.report-verdict{padding:13px 16px;border:2px solid;border-radius:8px;font-size:15px}
.verdict-fail{border-color:#b3261e;background:#fff0ed}
.verdict-review{border-color:#946308;background:#fff8e5}
.verdict-pass{border-color:#18784a;background:#eaf7ef}
@media print{
  /* Explicitly override the earlier uniform grey print border. */
  .result,.result.risk,.result.ok,.result-review,.result-open{background:#fff!important;color:#000!important;border:1px solid #666!important;border-left:4px solid #666!important;break-inside:avoid;page-break-inside:avoid}
  .result-fail,.result.risk{border:2px solid #000!important;border-left:9px double #000!important}
  .result-review{border:1.5px dashed #000!important;border-left:7px solid #000!important}
  .result-open{border:1.5px dashed #555!important;border-left:6px solid #555!important}
  .result-pass,.result.ok{border:1px solid #888!important;border-left:3px solid #888!important}
  .result-status,.result-fail .result-status,.result-pass .result-status,.result-review .result-status,.result-open .result-status{color:#000!important;background:#fff!important;border:1.5px solid #000!important;-webkit-print-color-adjust:economy;print-color-adjust:economy}
  .report-verdict,.verdict-fail,.verdict-review,.verdict-pass{color:#000!important;background:#fff!important;border:2.5px solid #000!important;break-inside:avoid}
  .result h5{color:#000!important}
  .result p,.report-section p{color:#111!important}
  .report-section a{color:#000!important;text-decoration:underline}
}

.area-count-box{margin:18px 0 8px;padding:16px;border:1px solid #c7d8e9;background:#f5f9fd;border-radius:14px}.area-count-box label{display:block;font-weight:700;color:#16355a;margin-bottom:9px}.area-count-box input{width:120px;max-width:100%;padding:12px;border:1px solid #b6cce0;border-radius:10px;font:inherit}.area-count-box .note{margin:10px 0 0}

/* 1.10.4: Anwendungsbereich & kompakte Mehrpunktkarte */
.scope-notice{margin:0 auto 18px;max-width:980px;border:1px solid #b7cfdf;background:#f4f9fd;border-radius:16px;padding:14px 20px;color:#163e59}.scope-notice strong{color:#07548b}.scope-notice p{margin:5px 0 0;font-size:13px;line-height:1.6}.checklist-card{display:grid;gap:12px;margin:18px 0}.checkline{border:1px solid #d8e5ef;background:#f8fbfd;border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.checkline-copy{flex:1}.checkline-copy strong{font-size:15px}.checkline-copy p{font-size:12px;color:#5a7186;line-height:1.4;margin:5px 0 0}.checkline-options{display:flex;flex-wrap:wrap;gap:5px}.check-option{padding:9px 12px;border:1px solid #b9cddd;border-radius:9px;background:white;color:#1d4666;font-weight:650;cursor:pointer;min-width:55px}.check-option.selected{background:#095d96;border-color:#095d96;color:#fff}.check-option:focus-visible{outline:3px solid #f0b546}@media(max-width:640px){.checkline{align-items:stretch;flex-direction:column}.checkline-options{width:100%}.check-option{flex:1}.scope-notice{padding:12px 14px}}@media print{.scope-notice{display:none!important}}

.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 23px}.entry-card{min-height:185px;background:#fff;border:1.5px solid #cbdfea;border-radius:19px;padding:20px 16px;color:#103b5b;text-decoration:none;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 26px #23496810}.entry-card:hover,.entry-card:focus-visible{border-color:#1382c8;background:#f2faff;outline:none}.entry-symbol{font-size:33px}.entry-card strong{font-size:18px;line-height:1.2}.entry-card small{font-size:12px;color:#526d81;flex:1}.entry-action{font-size:13px;color:#08649b;font-weight:800}.site-card{background:#fef9ee}.site-page{margin:0 auto 35px}.site-page h2{margin:0 0 8px}.site-field{padding:16px;background:#f8fbfe;border:1px solid #dbe7ef;border-radius:14px;margin:14px 0}.site-field p{margin:4px 0 8px;color:#48647b;font-size:13px}.site-choice{display:flex;flex-wrap:wrap;gap:7px}.site-choice button{padding:10px 15px;border:1px solid #b6d0df;border-radius:10px;background:#fff;color:#163d58;cursor:pointer;font:inherit;font-size:14px}.site-choice button.selected{background:#095d96;color:#fff;border-color:#095d96}.site-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-summary{background:#eff8f8;border-radius:12px;padding:15px;margin:18px 0}.site-summary strong{display:block}.site-result{border:2px solid #9eafbc;padding:15px;border-radius:12px;margin:12px 0;background:#fff}.site-result.fail{border:3px double #902c29}.site-result.open,.site-result.review{border:2px dashed #8d640e}.site-result.pass{border-left:6px solid #3b7162}.site-result h4{margin:0 0 6px}.site-result p{margin:6px 0}.site-result small{color:#526b7b}.site-result .state{font-weight:800;letter-spacing:.02em}.site-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.site-actions button,.site-actions a{padding:12px 16px;border:0;border-radius:10px;background:#0b598d;color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.site-actions a{background:#e8f2f8;color:#174b71}.site-banner{background:#fff7e7;border:1px solid #e8ca93;padding:14px;border-radius:14px;margin:15px 0;font-size:13px}.site-error{color:#9b2727;font-weight:700}@media(max-width:650px){.entry-grid{grid-template-columns:1fr}.entry-card{min-height:120px}.site-fields{grid-template-columns:1fr}}@media print{.entry-grid,.site-actions,.site-form,.no-print{display:none!important}.site-result{break-inside:avoid}.site-page{padding:0}.site-banner{background:#fff}}

/* 1.10.6: kohärente Startseite und geführter Baustellen-Dialog */
.launch{max-width:1080px;margin:8px auto 28px}.launch-heading{margin:0 3px 18px}.launch-kicker,.site-eyebrow{display:block;font-size:11px;font-weight:850;letter-spacing:.13em;color:#296da5}.launch-heading h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;line-height:1.15;margin:6px 0}.launch-heading p{margin:0;color:#5a7388;font-size:14px}.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.launch-card{display:flex;flex-direction:column;gap:9px;border:1.5px solid #d6e5ef;border-radius:23px;padding:19px 20px 20px;text-decoration:none;color:#123654;background:linear-gradient(165deg,#fff,#f8fbff);box-shadow:0 13px 30px #183f6012;min-height:335px;transition:transform .16s,border-color .16s,box-shadow .16s}.launch-card:hover,.launch-card:focus-visible{transform:translateY(-3px);border-color:#1f76b6;box-shadow:0 18px 35px #183f6022;outline:2px solid transparent}.launch-art{height:116px;border-radius:17px;display:grid;place-items:center;background:#eaf3fa}.launch-art svg{width:165px;max-width:100%;height:105px}.launch-build .launch-art{background:#fff5e6}.launch-access .launch-art{background:#eaf6f2}.launch-nr{font-size:10px;letter-spacing:.12em;color:#577a94;font-weight:850;margin-top:5px}.launch-card h3{font-size:20px;line-height:1.24;margin:0;color:#103653}.launch-card p{color:#526d81;margin:0;font-size:13px;line-height:1.5;flex:1}.launch-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce8f1;padding-top:13px;font-weight:800;font-size:13px;color:#165a94}.launch-cta span{font-size:20px}.site-hero{max-width:980px;margin:17px auto 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 8px}.site-back{display:inline-block;font-size:13px;margin-bottom:18px;text-decoration:none;color:#376f9b}.site-eyebrow{margin-bottom:8px}.site-hero h2{font-size:clamp(31px,4vw,47px);line-height:1.07;letter-spacing:-.045em;margin:4px 0 12px}.site-hero p{color:#5c7387;max-width:520px;margin:0}.site-hero-image{width:215px;max-width:36%;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#fff9ee,#e9f4fd);border-radius:27px;box-shadow:0 12px 28px #1d456513}.site-hero-image svg{width:100%;height:auto}.site-wizard{max-width:980px;margin:auto}.site-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#516d86;font-weight:750}.site-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:22px 0 20px}.site-phase{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12px;color:#617c90;font-weight:700}.site-phase-dot{width:36px;height:36px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d8e5ef;background:#e4edf3;color:#43647e;font-size:14px}.site-phase.current{color:#0e406d}.site-phase.current .site-phase-dot{background:#195e9f;color:#fff;box-shadow:0 5px 15px #0c5b9930}.site-phase.done .site-phase-dot{background:#def3e9;color:#087758}.site-progress-track{height:5px;border-radius:10px;background:#e4edf4;overflow:hidden;margin-bottom:32px}.site-progress-track>div{height:100%;background:linear-gradient(90deg,#2374b9,#4db9a6)}.site-question-content h3{font-size:clamp(23px,2.7vw,30px);margin:0 0 10px}.site-lead{color:#627b8e;margin:0 0 26px;font-size:14px}.site-num-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 26px}.site-number-field{padding:18px;border-radius:17px;background:#f6fafe;border:1px solid #dce8f2;display:block;margin:0}.site-number-title{display:flex;align-items:center;gap:11px;margin:0 0 10px;font-size:15px}.num-icon{width:33px;height:42px;display:grid;place-items:center;color:#2c6593;font-size:27px}.num-icon img{height:40px;width:27px;object-fit:contain}.site-number-field input{font-size:20px;font-weight:700}.site-question{margin:19px 0 23px}.site-question h4{font-size:17px;line-height:1.4;margin:0 0 10px}.site-help{color:#627b8e;font-size:13px;margin:4px 0 13px}.site-answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:11px}.site-answer{border:1.5px solid #d1e1ec;background:#f8fbfd;border-radius:15px;color:#153c5e;padding:16px 16px;min-height:60px;text-align:left;font:inherit;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:.16s}.site-answer:hover,.site-answer:focus-visible{border-color:#2b83c3;background:#eef7fd;outline:none}.site-answer.selected{border:2px solid #176db2;background:#e1efff;box-shadow:0 0 0 2px #176db212}.site-answer-check{order:2;color:#2b78b6;font-weight:850;flex:0 0 auto}.site-answer.selected .site-answer-check{background:#2372b1;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.site-information,.site-illustrated{border:1px solid #cedfec;background:linear-gradient(120deg,#f1f8fd,#fff);border-radius:15px;padding:17px;color:#315875;font-size:14px;margin:15px 0}.site-illustrated{display:flex;gap:18px;align-items:center}.site-illustrated img{width:95px;height:85px;object-fit:contain;flex:0 0 95px}.site-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dfebf2;padding-top:19px;margin-top:25px}.site-primary,.site-secondary{font:inherit;font-weight:800;border:0;border-radius:12px;padding:12px 22px;cursor:pointer;min-height:48px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.site-primary{background:linear-gradient(120deg,#165f9e,#173d6c);color:#fff;margin-left:auto}.site-secondary{background:#eaf1f6;color:#235174}.site-error:not(:empty){padding:12px 15px;margin-top:13px;background:#fff2ef;border:1px solid #d87a68;border-radius:12px;color:#8c2f21;font-weight:700}.site-verdict{border:2px solid;padding:17px 19px;border-radius:15px;display:grid;gap:6px}.site-verdict.risk{background:#fff0ee;border-color:#ba463d}.site-verdict.pending{background:#fff7e6;border-color:#bd8734}.site-verdict.ok{background:#eaf7f0;border-color:#41936a}.site-report-intro{font-size:14px;color:#4a657c;margin:18px 0}.site-result{background:#fff}.site-result h4 span{font-size:11px;letter-spacing:.03em;margin-right:5px}.site-report-items{margin-top:17px}
@media(max-width:760px){.launch-grid{grid-template-columns:1fr}.launch-card{min-height:0;display:grid;grid-template-columns:105px 1fr;column-gap:14px;align-items:center}.launch-art{grid-row:1 / span 4;min-height:130px}.launch-art svg{width:95px}.launch-nr,.launch-card h3,.launch-card p,.launch-cta{grid-column:2}.launch-card h3{font-size:18px}.launch-cta{margin-top:5px}.site-phase{font-size:10px}.site-num-grid{grid-template-columns:1fr}.site-hero-image{max-width:28%}}
@media(max-width:500px){.launch-card{grid-template-columns:80px 1fr;padding:13px;gap:7px}.launch-art{min-height:120px}.launch-art svg{width:80px}.site-hero h2{font-size:30px}.site-phases{gap:1px}.site-phase{font-size:9px}.site-phase-dot{width:29px;height:29px;font-size:11px}.site-question-content h3{font-size:24px}.site-answer-grid{grid-template-columns:1fr}.site-illustrated img{width:65px;flex-basis:65px}.site-wizard{padding:21px 16px}}
@media print{.launch,.site-hero,.site-phases,.site-progress-track,.site-progress-head,.site-nav,.site-error{display:none!important}.site-wizard{border:0;box-shadow:none}.site-result{break-inside:avoid}}

/* v1.10.7 project card refinements */
.project-intro-card{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid #dbe8f1;border-radius:18px;background:linear-gradient(135deg,#f5fbff,#fff7ec);margin:20px 0 18px;box-shadow:0 8px 24px #204a6a0f}
.project-intro-art{height:104px;border-radius:16px;background:#fff;display:grid;place-items:center;border:1px solid #e4edf4}
.project-intro-art svg{width:102px;height:auto}
.project-intro-copy{display:grid;gap:5px}
.project-kicker{font-size:11px;letter-spacing:.14em;font-weight:850;color:#2b6ea6}
.project-intro-copy strong{font-size:21px;line-height:1.2;color:#11395a}
.project-intro-copy p{margin:0;color:#5c7488;font-size:14px}
.project-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 6px}
.project-field-card{padding:16px;background:#f8fbfd;border:1px solid #dce8f1;border-radius:16px;display:grid;gap:8px}
.project-field-card label{margin:0;font-size:14px;color:#123f62}
.project-field-card input{font-size:18px;min-height:54px;border-radius:12px}
.project-field-card small{color:#647d90;font-size:12px;line-height:1.35}
.launch-build .launch-art svg{width:150px;height:102px}
@media(max-width:760px){.project-intro-card{grid-template-columns:92px 1fr;padding:14px;gap:14px}.project-intro-art{height:90px}.project-intro-art svg{width:80px}.project-intro-copy strong{font-size:18px}.project-fields{grid-template-columns:1fr}.project-field-card{padding:14px}.project-field-card input{min-height:52px;font-size:17px}}
@media(max-width:500px){.project-intro-card{grid-template-columns:1fr}.project-intro-art{height:88px;max-width:120px}.project-intro-copy p{font-size:13px}.project-field-card input{font-size:16px}}

/* v1.10.8 legal dialog */
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.legal-trigger{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;border:1px solid #d3e3ee;background:#fff;color:#123d61;font:inherit;font-size:13px;font-weight:800;box-shadow:0 8px 18px #1e3d5d12;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s}
.legal-trigger:hover,.legal-trigger:focus-visible{transform:translateY(-1px);border-color:#1f76b6;box-shadow:0 12px 24px #1e3d5d20;outline:2px solid transparent}
.legal-trigger-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eff6fb;color:#1d5f95;font-size:13px;font-weight:900}
.legal-dialog{border:none;padding:0;background:transparent;max-width:min(760px,calc(100vw - 24px));width:100%}
.legal-dialog::backdrop{background:rgba(11,33,54,.48);backdrop-filter:blur(4px)}
.legal-sheet{background:linear-gradient(180deg,#ffffff,#f8fbfd);border:1px solid #d8e5ef;border-radius:26px;box-shadow:0 28px 80px #102f4e33;padding:22px}
.legal-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:16px}
.legal-badge{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#eaf3fb,#fff5ea);border:1px solid #dce8f2;display:grid;place-items:center;font-size:24px;color:#1a5d91;font-weight:900;box-shadow:inset 0 1px 0 #fff}
.legal-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.14em;font-weight:850;color:#2b6ea6}
.legal-head h2{margin:0;font-size:28px;line-height:1.08;letter-spacing:-.04em;color:#0b3558}
.legal-close{width:40px;height:40px;border:none;border-radius:12px;background:#eef4f9;color:#30506b;font-size:24px;cursor:pointer}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 18px}
.legal-card{padding:16px 17px;border:1px solid #dce8f2;border-radius:18px;background:#fbfdff}
.legal-card h3{margin:0 0 10px;font-size:18px}
.legal-card p{margin:0 0 10px;color:#526d81;font-size:14px;line-height:1.6}
.legal-card p:last-child{margin-bottom:0}
.legal-card-warn{background:linear-gradient(180deg,#fffaf6,#fffdfb);border-color:#ead8c2}
.legal-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #dde8f1;padding-top:16px}
.legal-foot p{margin:0;color:#637d90;font-size:13px;line-height:1.5;max-width:470px}
.legal-done{border:none;background:linear-gradient(135deg,#1d74b6,#244b86);color:#fff;padding:12px 18px;border-radius:14px;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:760px){.legal-sheet{padding:18px}.legal-head{grid-template-columns:auto 1fr auto}.legal-head h2{font-size:24px}.legal-grid{grid-template-columns:1fr}.legal-foot{flex-direction:column;align-items:stretch}.legal-done{width:100%}}
@media(max-width:560px){.hero-meta{align-items:flex-start}.legal-trigger{width:100%;justify-content:center}.legal-badge{width:46px;height:46px;border-radius:15px}.legal-head h2{font-size:21px}.legal-card{padding:14px}}

/* 1.10.9: tiny legal access and mobile-first project metadata */
.header-actions{display:flex;align-items:center;gap:9px}
.legal-trigger-min{width:31px;height:31px;min-height:31px;padding:0;border:1px solid #dbe5ef;border-radius:50%;display:grid;place-items:center;box-shadow:none;color:#376b93;background:#f5f9fc;font-size:15px;line-height:1}
.legal-trigger-min:hover,.legal-trigger-min:focus-visible{transform:none;box-shadow:0 0 0 3px #b4d6eb77}
.project-intro-card{margin:18px 0 15px;padding:14px 17px}
.project-intro-copy p{font-size:13px;line-height:1.45}
.project-fields{gap:12px}
.project-field-card{background:#fff;border:1px solid #d7e5ef;box-shadow:0 6px 17px #143a5a0a}
.project-field-card input{font-size:16px;min-height:50px}
.project-field-card small{margin-top:-3px}
@media(max-width:600px){.version{padding:5px 8px;font-size:10px}.legal-trigger-min{width:29px;height:29px;padding:0;flex:none}.project-intro-card{grid-template-columns:75px 1fr;gap:10px;padding:11px}.project-intro-art{height:77px}.project-intro-art svg{width:70px}.project-intro-copy strong{font-size:16px}.project-intro-copy p{font-size:12px}.project-fields{gap:10px}.project-field-card{padding:12px}.project-field-card small{font-size:11px}.launch-card{min-height:0}}

.project-sheet{background:linear-gradient(160deg,#f7fbff,#fff);border:1px solid #cbdfea;border-radius:21px;padding:15px;margin:22px 0;box-shadow:0 12px 30px #1b496b0c}
.project-sheet .project-intro-card{margin:0 0 13px}
.project-sheet .project-fields{margin:0}
@media(max-width:600px){.project-sheet{padding:11px;margin:15px 0;border-radius:18px}}

/* v1.10.11: separate progress and project sheet surfaces */
#app:has(.project-sheet){background:transparent;border:0;box-shadow:none;padding:0;display:grid;gap:17px;overflow:visible}
#app .project-progress-card{background:#fff;border:1px solid #dce7f0;border-radius:22px;padding:24px 27px 7px;box-shadow:0 12px 32px #1c456014}
#app .project-progress-card .track{margin-bottom:22px}
#app .project-sheet{background:#fff;border:1px solid #d8e5ef;border-radius:23px;padding:25px;box-shadow:0 16px 40px #22486716;display:block}
#app .project-sheet .project-intro-card{margin:0 0 19px;box-shadow:none}
#app .project-sheet .project-fields{margin:0 0 8px}
#app .project-sheet .actions{margin-top:24px}
#app .project-sheet .restart-row{margin-top:14px}
@media(max-width:680px){#app .project-progress-card{padding:19px 17px 5px}#app .project-sheet{padding:17px 14px;border-radius:20px}#app .project-sheet .project-intro-card{grid-template-columns:76px 1fr;padding:12px;gap:12px}#app .project-sheet .project-intro-art{width:76px;height:76px}#app .project-sheet .project-intro-art svg{width:70px}#app .project-sheet .project-intro-copy strong{font-size:18px}#app .project-sheet .project-intro-copy p{font-size:12px}}
@media(max-width:420px){#app .project-sheet .project-intro-card{grid-template-columns:70px 1fr}#app .project-sheet .project-intro-art{width:70px;height:70px}}

/* v1.10.12 – dedicated project screen between mode selection and questions */
.project-screen{max-width:920px;margin:36px auto 24px}.project-screen-top{margin-bottom:22px}.project-screen-top h2{font-size:clamp(30px,5vw,43px);letter-spacing:-.04em;line-height:1.12;margin:6px 0 10px;color:#0e3455}.project-screen-top p{color:#5b7286;margin:0}.project-page-card{background:#fff;border:1px solid #dce8f1;border-radius:25px;padding:26px;box-shadow:0 18px 45px #274a6b15}.project-page-heading{display:flex;align-items:center;gap:18px;padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid #e3ecf3}.project-page-heading h3{margin:4px 0 4px}.project-page-heading p{margin:0;color:#5b7387;font-size:14px}.project-page-art{flex:0 0 112px;height:105px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(130deg,#eaf4fd,#fff8e9)}.project-page-art svg{width:102px;height:89px}.project-page-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.project-page-actions .action{text-decoration:none;min-height:50px;display:inline-flex;align-items:center}.project-page-actions button{font:inherit}.project-screen .project-fields{margin:0}.project-screen .project-field-card input{min-height:52px}@media(max-width:620px){.project-screen{margin:18px auto}.project-page-card{padding:16px;border-radius:20px}.project-page-heading{gap:11px}.project-page-art{flex-basis:77px;height:79px}.project-page-art svg{width:72px;height:65px}.project-page-heading h3{font-size:20px}.project-page-actions{flex-direction:column-reverse}.project-page-actions .action{width:100%;justify-content:center}.project-screen-top h2{font-size:30px}}

/* v1.10.13: separate selection and specialist screens */
.review-back{margin:0 0 15px}.review-back a{color:#1e659e;font-size:14px;text-decoration:none;font-weight:700}.review-back a:hover{text-decoration:underline}

/* Version 1.10.14: shared construction sanitary illustration */
.launch-build .launch-art img{display:block;max-width:100%;width:190px;height:112px;object-fit:contain;margin:auto}
.site-hero-image img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}
@media(max-width:760px){.launch-build .launch-art img{width:112px;height:108px}}
@media(max-width:500px){.launch-build .launch-art img{width:82px;height:95px}}

/* SanitärCheck 1.10.17: einheitliche, responsive Bestätigungsdialoge */
.sc-confirm-dialog{border:0;padding:0;width:min(94vw,480px);max-height:90dvh;border-radius:24px;background:transparent;color:#123757;box-shadow:0 28px 75px #0b305047}
.sc-confirm-dialog::backdrop{background:rgba(10,33,54,.48);backdrop-filter:blur(5px)}
.sc-confirm-panel{padding:26px;background:linear-gradient(145deg,#fff,#f5f9fd);border:1px solid #d9e7f1;border-radius:24px}
.sc-confirm-head{display:flex;align-items:center;gap:15px}.sc-confirm-icon{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:19px;background:#e9f2fb;color:#24679d;font-size:31px}
.sc-confirm-overline{font-size:10px;font-weight:850;letter-spacing:.12em;color:#3778a8}.sc-confirm-head h2{margin:4px 0 0;font-size:25px;line-height:1.17;color:#153b60;letter-spacing:-.025em}
#scConfirmDescription{margin:20px 0 23px;color:#4a657b;font-size:15px;line-height:1.55}.sc-confirm-actions{display:flex;justify-content:flex-end;gap:12px}
.sc-confirm-actions button{min-height:48px;border-radius:13px;font:inherit;font-weight:750;padding:12px 18px;cursor:pointer}
.sc-confirm-cancel{background:#ecf3f8;color:#234d70;border:1px solid #dce8f1}.sc-confirm-accept{background:#1e578b;color:#fff;border:1px solid #1e578b}
.sc-confirm-dialog button:focus-visible{outline:3px solid #79b8eb;outline-offset:3px}
@media(max-width:520px){.sc-confirm-panel{padding:20px}.sc-confirm-head h2{font-size:22px}.sc-confirm-actions{flex-direction:column-reverse}.sc-confirm-actions button{width:100%}}
@media print{.sc-confirm-dialog{display:none!important}}

/* 1.10.18: only the construction project page uses the construction illustration */
.project-page-art .project-site-illustration{display:block;width:100%;max-width:116px;height:96px;object-fit:contain}
@media(max-width:520px){.project-page-art .project-site-illustration{height:72px;max-width:90px}}

/* 1.10.19: contextual link for long-term construction sites */
.longsite-note{margin:1rem 0;padding:1rem;border-left:4px solid #3c8279}.longsite-note .site-primary{display:inline-block;margin-top:.7rem;text-decoration:none;padding:.8rem 1rem;border-radius:12px}.longsite-note p{margin:.5rem 0}


/* v1.10.20: compact mobile specialist screens; landing hero remains unchanged. */
@media (max-width: 680px) {
  body.mode-check-business .shell,
  body.mode-check-site .shell {padding: 10px 12px 28px;}
  body.mode-check-business header,
  body.mode-check-site header {padding: 3px 0 11px;gap: 8px;min-height: 48px;}
  body.mode-check-business .brand,
  body.mode-check-site .brand {gap: 9px;min-width: 0;}
  body.mode-check-business .brand img,
  body.mode-check-site .brand img {height: 37px;width: 37px;border-radius: 10px;flex: none;}
  body.mode-check-business .brand small,
  body.mode-check-site .brand small {display: none;}
  body.mode-check-business .brand h1,
  body.mode-check-site .brand h1 {font-size: 19px;white-space: nowrap;}
  body.mode-check-business .header-actions {gap: 5px;}
  body.mode-check-business .version,
  body.mode-check-site .version {font-size: 10px;padding: 5px 8px;white-space: nowrap;}
  body.mode-check-business .legal-trigger-min {width: 29px;height: 29px;}
  /* A specialist screen is not a second landing page. */
  body.mode-check-business .hero {display: none;}
  body.mode-check-business .review-back {margin: 2px 0 11px;}
  body.mode-check-business .review-back a {font-size: 13px;}
  body.mode-check-business #app {padding: 16px 15px;}
  body.mode-check-business #app .phase-nav {margin: 12px -4px 14px;gap: 2px;}
  body.mode-check-business #app .phase {gap: 5px;}
  body.mode-check-business #app .track {margin: 10px 0 19px;}
  body.mode-check-business #app h3 {font-size: 23px;}
  /* Construction site still has its own identity, but not a full hero. */
  body.mode-check-site .site-hero {margin: 0 0 11px;padding: 0 2px 3px;align-items:center;gap:10px;}
  body.mode-check-site .site-back {font-size: 12px;margin-bottom: 4px;}
  body.mode-check-site .site-eyebrow {font-size: 10px;letter-spacing: .08em;margin-bottom: 2px;}
  body.mode-check-site .site-hero h2 {font-size: 22px;line-height: 1.12;margin: 2px 0 0;}
  body.mode-check-site .site-hero p {display:none;}
  body.mode-check-site .site-hero-image {width: 78px;max-width: 24%;border-radius: 12px;box-shadow:none;}
  body.mode-check-site .site-hero-image img {max-height: 70px;}
  body.mode-check-site .site-wizard {padding: 16px 14px;}
  body.mode-check-site .site-phases {margin: 12px 0 14px;}
  body.mode-check-site .site-progress-track {margin-bottom: 19px;}
}
@media print {body.mode-check-business .review-back {display:none!important}}

/* Non-blocking installed-PWA update prompt (mobile and desktop). */
.sc-update-banner{position:fixed;z-index:2000;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 28px));padding:16px;display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid #9cc8bc;border-radius:17px;background:#f5fffb;color:#153d37;box-shadow:0 12px 40px #102e3e33;font-family:inherit}.sc-update-banner[hidden]{display:none}.sc-update-copy{display:grid;gap:4px;font-size:14px;line-height:1.4}.sc-update-copy strong{font-size:15px}.sc-update-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.sc-update-actions button{border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.sc-update-now{background:#16694f;color:white;border:1px solid #16694f}.sc-update-later{background:transparent;color:#255e50;border:1px solid #9cc8bc}@media(max-width:560px){.sc-update-banner{align-items:stretch;flex-direction:column;gap:12px}.sc-update-actions button{flex:1}}

/* 1.10.24: shared project navigation for Betriebe and Baustellen. */
.project-screen .project-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:5px 15px 5px 6px;margin-bottom:19px;border:1px solid #cddfec;background:linear-gradient(145deg,#ffffff,#f1f7fc);border-radius:999px;box-shadow:0 3px 10px #133c5710;color:#245c86;font-size:13px;font-weight:750;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.project-screen .project-back-arrow{width:32px;height:32px;display:grid;place-items:center;background:#e1eef8;border-radius:50%;color:#125f9a;font-size:21px;line-height:1}
.project-screen .project-back:hover,.project-screen .project-back:focus-visible{background:#eaf5ff;border-color:#79acd1;transform:translateX(-1px)}
.project-screen .project-back:focus-visible,.project-screen .project-bottom-back:focus-visible{outline:3px solid #66afe8;outline-offset:3px}
.project-page-actions .project-bottom-back{display:inline-flex;justify-content:center;gap:8px;padding:12px 20px;border:1px solid #d3e3ee;border-radius:13px;background:#edf4fa;color:#23587e;font-size:14px;font-weight:750;min-height:50px;box-shadow:none;transition:background .15s,border-color .15s}
.project-page-actions .project-bottom-back:hover{background:#deedf8;border-color:#9dbfda}
@media(max-width:620px){.project-screen .project-back{margin-bottom:14px}.project-page-actions .project-bottom-back{width:100%}}
@media print{.project-screen .project-back,.project-page-actions .project-bottom-back{display:none!important}}

/* v1.10.25: vorrangiger Erschliessungs-Sperrpunkt */
.access-stop-note{border:1px solid #b55e46;border-left:5px solid #b55e46;background:#fff4ee;color:#733421;border-radius:12px;padding:12px 15px;line-height:1.55;margin:14px 0;}