/* Tenant & Landlord: additive service navigation, preserving PORISEBA page shell */
#tenant-journey .tn-shell{background:#fff;border:1px solid #dbe7df;border-radius:18px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 32px rgba(23,62,47,.045)}
#tenant-journey .tn-title{margin:0 0 8px;color:#143e32}
#tenant-journey .tn-intro{color:#5b6975;max-width:780px;margin:0 0 21px}
#tenant-journey .tn-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
#tenant-journey .tn-fieldset{border:0;padding:0;margin:0;min-width:0}
#tenant-journey legend{font-weight:750;margin-bottom:10px;color:#173c38}
#tenant-journey .tn-rolebar{display:flex;flex-wrap:wrap;gap:8px}
#tenant-journey .tn-role{border:1px solid #b9cfc0;border-radius:9px;background:#f9fcfa;padding:11px 13px;color:#174832;cursor:pointer;font:inherit;font-size:14px}
#tenant-journey .tn-role[aria-pressed=true]{background:#e7f3e9;border-color:#2d854f;box-shadow:inset 0 0 0 1px #2d854f}
#tenant-journey .tn-role:focus-visible,#tenant-journey select:focus-visible,#tenant-journey a:focus-visible{outline:3px solid #dca12d;outline-offset:3px}
#tenant-journey .tn-select{width:100%;padding:12px 14px;border:1px solid #b9cfc0;background:white;border-radius:9px;color:#173c38;font:inherit}
#tenant-journey .tn-summary{margin:20px 0 14px;background:#f4f9f6;border-left:3px solid #338450;padding:14px 16px;border-radius:0 9px 9px 0}
#tenant-journey .tn-summary strong{display:block;margin:0 0 4px}
#tenant-journey .tn-summary p{margin:0;color:#4d6170}
#tenant-journey .tn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#tenant-journey .tn-actions .btn{white-space:normal;text-align:center}
#tenant-journey .tn-note{font-size:13px;color:#546778;margin:14px 0 0}
#tenant-journey .tn-related{border-top:1px solid #e4ede6;margin-top:20px;padding-top:16px;display:flex;flex-wrap:wrap;gap:9px 22px;font-size:14px}
#tenant-journey .tn-related a{color:#175b47}
#tenant-journey .tn-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
#tenant-journey .tn-step{border:1px solid #dce8e0;border-radius:10px;padding:12px;font-size:14px;line-height:1.5}
#tenant-journey .tn-step span{display:block;font-size:12px;font-weight:800;color:#27764a;letter-spacing:.03em;margin-bottom:4px}
@media(max-width:750px){#tenant-journey .tn-flow{grid-template-columns:1fr}#tenant-journey .tn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#tenant-journey .tn-role{flex:1 1 100%}#tenant-journey .tn-steps{grid-template-columns:1fr}}