.search-box{max-width:480px;margin:0 auto 1.5em;padding:1em 1.2em;background-color:#fffaf5;border:1px solid #e8c99a;border-radius:10px;box-shadow:0 1px 6px rgba(44,24,16,0.07)}.search-label{display:block;font-size:0.82em;font-weight:700;color:#7a5c3a;margin-bottom:0.5em;letter-spacing:0.04em}.search-row{display:flex;gap:0.6em;align-items:center}.search-select{flex:1;padding:0.5em 0.7em;border:1px solid #e8c99a;border-radius:6px;background-color:#fff;font-size:0.9em;color:#2c1810}.search-submit{padding:0.5em 1.2em;background-color:#d98e04;color:#fff;font-weight:600;font-size:0.85em;border:none;border-radius:6px;cursor:pointer;transition:background-color 0.2s;white-space:nowrap}.search-submit:hover{background-color:#a76d03}.sort-tabs{display:flex;justify-content:center;gap:0.6em;margin-bottom:1em;flex-wrap:wrap}.sort-tab{display:inline-block;padding:0.45em 1.2em;border:2px solid #d98e04;border-radius:20px;font-size:0.85em;font-weight:600;color:#d98e04;text-decoration:none;transition:background-color 0.2s, color 0.2s}.sort-tab:hover{background-color:rgba(217,142,4,0.12)}.sort-tab--active{background-color:#d98e04;color:#fff;cursor:default}.sort-tab--active:hover{background-color:#d98e04}.posts-count{text-align:center;font-size:0.82em;color:#7a5c3a;margin-bottom:1.2em}.post-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2em;padding:0 0.5em}.post-card{width:220px;background-color:#fffaf5;border:1px solid #e8c99a;border-top:4px solid #d98e04;border-radius:10px;box-shadow:0 2px 8px rgba(44,24,16,0.09);padding:0.9em 0.9em 0.8em;display:flex;flex-direction:column;gap:0.5em;transition:box-shadow 0.2s, transform 0.15s}.post-card:hover{box-shadow:0 4px 16px rgba(44,24,16,0.16);transform:translateY(-2px)}.post-card-meta{display:flex;align-items:baseline;gap:0.4em;flex-wrap:wrap}.post-date{font-size:1em;font-weight:700;color:#2c1810}.post-pref{font-size:0.78em;color:#7a5c3a}.post-card-title{font-size:0.92em;font-weight:600;line-height:1.4}.post-card-title a{color:#2c1810;text-decoration:none;word-break:break-all}.post-card-title a:hover{color:#d98e04;text-decoration:underline}.post-card-image{display:flex;flex-wrap:wrap;gap:0.4em}.post-card-image img{border-radius:4px;-o-object-fit:cover;object-fit:cover;max-width:100%;height:auto;transition:opacity 0.2s}.post-card-image img:hover{opacity:0.85}.post-card-image .image2-link{display:none}.post-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:0.5em;border-top:1px solid #f0dbbb}.btn-detail{display:inline-block;padding:0.3em 0.9em;background-color:#9ecb6a;color:#fff !important;font-size:0.78em;font-weight:600;border-radius:14px;text-decoration:none;transition:background-color 0.2s}.btn-detail:hover{background-color:#85be44}@media (max-width: 600px) and (min-width: 421px){.post-card{width:calc(50% - 0.8em)}}@media (max-width: 420px){.post-grid{flex-direction:column;align-items:center;gap:0.8em;padding:0 1em}.post-card{width:100%;max-width:360px;font-size:0.95em}.post-card-image img{width:100%;height:auto;max-width:100%}.sort-tab{font-size:0.78em;padding:0.4em 0.8em}.search-box{margin:0 0.5em 1.2em}}