.pron-practice-card{max-width:620px!important;max-height:min(90dvh,760px);overflow-y:auto;border:1px solid #dbeafe!important;box-shadow:0 24px 70px rgba(15,23,42,.2)!important}
.pron-practice-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.pron-practice-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}
.pron-practice-word{padding:24px;margin:10px 0 18px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);text-align:center}
.pron-practice-word small{display:block;margin-bottom:6px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.pron-practice-word strong{display:block;max-height:32dvh;overflow-y:auto;padding:2px;font-size:clamp(22px,4vw,36px);line-height:1.25;overflow-wrap:anywhere;color:#0f172a}
.pron-practice-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.pron-practice-actions .btn{min-height:48px;white-space:normal}
.pron-practice-actions .btn,.pron-practice-return{cursor:pointer;touch-action:manipulation}
.pron-practice-actions .btn:disabled{opacity:.65;cursor:wait}
.pron-practice-hint{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f8fafc;color:#475569;line-height:1.5}
.pron-practice-return{margin-top:14px;width:100%}
@media(max-width:560px){.pron-practice-actions{grid-template-columns:1fr}.pron-practice-card{margin:8px;max-height:94dvh;padding:14px!important}.pron-practice-word{padding:14px}.pron-practice-word strong{font-size:clamp(20px,7vw,30px);max-height:28dvh}}
.pron-safe-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 20px;padding:18px 20px;background:#fff;border:1px solid #dbe4f0;border-radius:16px}
.pron-safe-heading h2{margin:0 0 5px;font-size:24px;color:#0f172a}.pron-safe-heading p{margin:0;color:#64748b}.pron-safe-heading>span{padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800;white-space:nowrap}
.pron-safe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:30px}
.pron-safe-card{display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:22px;border:1px solid #dbe4f0;border-radius:18px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(15,45,75,.06);transition:.18s transform,.18s box-shadow,.18s border-color}
.pron-safe-card:hover{transform:translateY(-3px);border-color:#2563eb;box-shadow:0 14px 30px rgba(37,99,235,.14)}
.pron-safe-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;border-radius:16px;background:#eff6ff;font-size:32px}.pron-safe-title{font-size:18px;font-weight:900;color:#0f172a}.pron-safe-count{margin-top:6px;color:#64748b;font-size:14px}.pron-safe-open{margin-top:auto;padding-top:16px;color:#2563eb;font-weight:800}
.pron-apartment-native{padding:0!important;overflow:hidden}
.pron-apartment-native>summary{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;cursor:pointer;min-height:190px;width:100%}
.pron-apartment-native>summary::-webkit-details-marker,.pron-apartment-section>summary::-webkit-details-marker{display:none}
.pron-apartment-native[open]{grid-column:1/-1}
.pron-apartment-native[open]>summary{min-height:0;border-bottom:1px solid #dbe5f1}
.pron-apartment-native[open] .pron-safe-open{font-size:0}
.pron-apartment-native[open] .pron-safe-open:after{content:'Close ↑';font-size:16px}
.pron-apartment-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 10px;background:#f8fbff}
.pron-apartment-heading h2{margin:0 0 5px;color:#0f3268;font-size:30px}.pron-apartment-heading p{margin:0;color:#5b6b88}
.pron-apartment-page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.pron-apartment-page-top h2{margin:0 0 5px;color:#0f3268;font-size:30px}.pron-apartment-page-top p{margin:0;color:#5b6b88}.pron-apartment-page-top button{flex:0 0 auto;padding:12px 18px;border:1px solid #b8cff5;border-radius:14px;background:#fff;color:#0f3268;font-size:15px;font-weight:800;cursor:pointer}
.pron-apartment-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;padding:18px 24px 28px;background:#f8fbff}
.pron-apartment-section{display:flex;flex-direction:column;padding:0;border:1px solid #dbe5f1;border-radius:18px;overflow:hidden;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(15,45,75,.07);transition:.18s transform,.18s box-shadow,.18s border-color}
.pron-apartment-section:hover{transform:translateY(-3px);border-color:#2563eb;box-shadow:0 14px 30px rgba(37,99,235,.14)}
.pron-apartment-section>summary{display:flex;flex:1;flex-direction:column;list-style:none;cursor:pointer}.pron-apartment-section>summary::-webkit-details-marker{display:none}
.pron-apartment-section[open]{grid-column:1/-1;cursor:default}.pron-apartment-section[open]:hover{transform:none}
.pron-apartment-section[open]>summary{display:grid;grid-template-columns:300px 1fr;min-height:220px;border-bottom:1px solid #dbe5f1}
.pron-apartment-section[open] .pron-apartment-preview{height:220px}.pron-apartment-section[open] .pron-apartment-body em{font-size:0}.pron-apartment-section[open] .pron-apartment-body em:after{content:'Close section ↑';font-size:13px}
.pron-apartment-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:190px;padding:7px;background:#edf4fb;overflow:hidden}
.pron-apartment-preview img{width:100%;height:86px;object-fit:cover;border-radius:7px;background:#fff}
.pron-apartment-preview>span{display:grid;place-items:center;height:86px;border-radius:7px;background:#fff;font-size:36px}
.pron-apartment-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px}
.pron-apartment-body strong{font-size:25px;line-height:1.15;color:#0f3268}.pron-apartment-body>span{margin-top:12px;color:#5b6b88;font-size:15px;line-height:1.45}
.pron-apartment-body em{margin-top:auto;padding:9px 13px;border-radius:999px;background:#eef4ff;color:#1454d8;font-size:13px;font-style:normal;font-weight:800}
.pron-apartment-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;background:#f8fbff}
.pron-apartment-word-grid article{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #dbe5f1;border-radius:12px;background:#fff}.pron-apartment-word-grid article strong{color:#0f3268}.pron-apartment-word-grid article span{color:#64748b;font-size:13px;line-height:1.4}
@media(max-width:1150px){.pron-apartment-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.pron-apartment-heading{padding:18px 14px 8px}.pron-apartment-page-top{align-items:flex-start;flex-direction:column}.pron-apartment-sections{grid-template-columns:1fr;padding:14px}.pron-apartment-preview{height:170px}.pron-apartment-preview img,.pron-apartment-preview>span{height:76px}.pron-apartment-section[open]>summary{display:flex;min-height:0}.pron-apartment-section[open] .pron-apartment-preview{height:170px}.pron-apartment-word-grid{grid-template-columns:1fr;padding:14px}}
.pron-office-page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.pron-office-page-top h2{margin:0 0 5px;color:#0f3268;font-size:34px}.pron-office-page-top p{margin:0;color:#5b6b88}.pron-office-page-top button{padding:12px 18px;border:1px solid #b8cff5;border-radius:14px;background:#fff;color:#0f3268;font-size:15px;font-weight:800;cursor:pointer}
.pron-office-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.pron-office-section{border:1px solid #dbe5f1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(15,45,75,.07)}.pron-office-section>summary{display:flex;flex-direction:column;list-style:none;cursor:pointer}.pron-office-section>summary::-webkit-details-marker{display:none}.pron-office-section[open]{grid-column:1/-1}
.pron-office-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:190px;padding:7px;background:#edf4fb;overflow:hidden}.pron-office-preview>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:86px;border-radius:7px;background:#fff;color:#0f3268;text-align:center;overflow:hidden}.pron-office-preview b{font-size:27px}.pron-office-preview small{max-width:100%;padding:0 3px;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pron-office-preview img{width:100%;height:86px;border-radius:7px;background:#e8eef6;object-fit:cover}
.pron-office-preview>img:only-child{grid-column:1/-1;height:176px;border-radius:10px}
.pron-office-body{display:flex;min-height:190px;flex-direction:column;align-items:flex-start;padding:22px}.pron-office-body strong{font-size:25px;line-height:1.15;color:#0f3268}.pron-office-body>span{margin-top:12px;color:#5b6b88;font-size:15px;line-height:1.45}.pron-office-body em{margin-top:auto;padding:9px 13px;border-radius:999px;background:#eef4ff;color:#1454d8;font-size:13px;font-style:normal;font-weight:800}
.pron-office-section[open]>summary{display:grid;grid-template-columns:320px 1fr;border-bottom:1px solid #dbe5f1}.pron-office-section[open] .pron-office-preview{height:220px}.pron-office-section[open] .pron-office-body{min-height:220px}.pron-office-section[open] .pron-office-body em{font-size:0}.pron-office-section[open] .pron-office-body em:after{content:'Close section ↑';font-size:13px}
.pron-office-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;background:#f8fbff}.pron-office-word-grid article{display:grid;grid-template-columns:42px 1fr;gap:4px 10px;padding:14px;border:1px solid #dbe5f1;border-radius:12px;background:#fff}.pron-office-word-grid article div{grid-row:1/3;display:grid;place-items:center;font-size:26px}.pron-office-word-grid article strong{color:#0f3268}.pron-office-word-grid article span{color:#64748b;font-size:13px;line-height:1.4}
.pron-office-word-grid article{display:flex;flex-direction:column;gap:8px}.pron-office-word-grid .pron-office-word-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef4ff;font-size:27px}.pron-office-variant{display:block!important;margin-top:4px;padding-top:9px;border-top:1px solid #edf2f7;font-size:13px!important}.pron-office-variant>b{display:block;margin-bottom:7px;color:#334e78;font-size:12px}.pron-office-variant>div{display:flex!important;grid-row:auto!important;justify-content:flex-start!important;gap:6px;font-size:inherit!important}.pron-office-variant button{padding:7px 9px;border:1px solid #bfd2f1;border-radius:9px;background:#fff;color:#1454d8;font-size:12px;font-weight:800;cursor:pointer}.pron-office-variant button:nth-child(2){color:#166534;border-color:#bbdfc5}.pron-office-variant button:nth-child(3){color:#7c3aed;border-color:#d8c7f5}
.pron-office-word-photo{width:calc(100% + 28px);height:170px;margin:-14px -14px 6px;border-radius:12px 12px 0 0;background:#e8eef6;object-fit:cover}
@media(max-width:1150px){.pron-office-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.pron-office-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.pron-office-page-top{align-items:flex-start;flex-direction:column}.pron-office-sections{grid-template-columns:1fr}.pron-office-section[open]>summary{display:flex}.pron-office-word-grid{grid-template-columns:1fr;padding:14px}}
@media(max-width:1100px){.pron-safe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.pron-safe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pron-safe-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.pron-safe-grid{grid-template-columns:1fr}.pron-safe-card{min-height:150px}}
