.dir-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.dir-toolbar>span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-right:auto}.dir-toolbar>span svg{width:15px;height:15px}.dir-grid{display:grid;gap:14px}.dir-card{display:grid;grid-template-columns:170px minmax(0,1fr);overflow:hidden}.dir-card-photo{position:relative;min-height:200px}.dir-card-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.dir-card-photo>span{position:absolute;bottom:8px;left:8px;font-size:10px;border-radius:5px;padding:4px 6px;background:#fffffff0}.dir-card-content{padding:14px}.dir-card-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.dir-card-title>small{font-size:11px;color:var(--red)}.dir-card h2{font-size:18px;line-height:1.4;margin-bottom:7px}.dir-card-content>p{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.dir-card-content>p svg{width:14px;height:14px}.dir-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.dir-tags>span{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:3px 6px;color:#737b85}.dir-community{padding:20px;margin-top:18px;background:#fff9f7}.dir-community h2{font-size:17px}.dir-community p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 12px}.dir-detail{overflow:hidden}.dir-cover{display:block;width:100%;height:220px;object-fit:cover}.dir-detail-body{padding:20px}.dir-detail-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.dir-detail-meta>span:first-child{color:var(--red)}.dir-detail h2{font-size:18px;margin:18px 0 9px}.dir-detail-body>p,.dir-related p{font-size:14px;line-height:1.6;color:#656d76}.dir-fact{display:flex;align-items:start;gap:10px;margin-top:20px}.dir-fact>svg{width:18px;color:var(--muted)}.dir-fact strong{font-size:14px}.dir-fact p{font-size:13px;line-height:1.6;color:#65717b;margin:4px 0}.dir-fact small{font-size:11px;color:var(--muted)}.dir-neighbour{display:flex;align-items:center;gap:8px;margin:22px 0;font-size:12px}.dir-neighbour .avatar{width:30px;height:30px;object-fit:cover}.dir-neighbour small{display:block;color:var(--muted);font-size:10px}.dir-related{padding:14px;border-radius:9px;background:#f4f6f4}.dir-related h2{margin-top:0}.dir-related .outline{margin-top:12px}.dir-confirm{padding:25px}.dir-confirm>svg{color:var(--green);width:36px;height:36px;margin-bottom:14px}.dir-confirm h2{font-size:21px}.dir-confirm>p{font-size:14px;color:var(--muted);line-height:1.6;margin:12px 0}.dir-confirm dl{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:13px;overflow-wrap:anywhere}.dir-confirm dt{color:var(--muted)}.dir-confirm dd{margin:0}.dir-card [aria-pressed=true]{background:var(--blush);color:var(--red)}
@media(max-width:700px){.dir-toolbar{gap:7px}.dir-toolbar .outline,.dir-toolbar .primary{font-size:11px;min-height:36px;padding:7px 10px}.dir-toolbar>span{font-size:11px}.dir-card{grid-template-columns:110px minmax(0,1fr)}.dir-card-content{padding:11px}.dir-card h2{font-size:15px}.dir-card-title>small{font-size:10px}.dir-card-title .icon-button{width:28px;height:34px}.dir-card-title svg{width:17px;height:17px}.dir-card-content>p{font-size:11px}.dir-tags{gap:4px;margin-top:9px}.dir-tags>span{font-size:9px}.dir-card-photo{min-height:205px}.dir-cover{height:160px}.dir-detail-body{padding:14px}.dir-detail h2{font-size:16px}.dir-detail-body>p,.dir-related p{font-size:13px}.dir-fact p{font-size:12px}.dir-fact strong{font-size:13px}.dir-neighbour{font-size:11px}.dir-community{padding:16px}.dir-community h2{font-size:15px}.dir-community p{font-size:12px}.dir-confirm{padding:18px}.dir-confirm h2{font-size:18px}.dir-confirm>p{font-size:13px}}