body.talk-feed-page .talk-search-period { display:flex; flex-shrink:0; align-items:center; justify-content:flex-end; gap:8px; padding:0 4px; color:#687481; font-size:12px; white-space:nowrap; }
body.talk-feed-page .talk-search-period select { box-sizing:border-box; min-height:44px; max-width:100%; padding:7px 28px 7px 10px; border:1px solid #e1e5e8; border-radius:7px; background:#fff; color:#303c42; font:inherit; font-size:16px; }
body.talk-feed-page .talk-search-period select:disabled { background:#f4f6f8; color:#687481; opacity:1; }
body.talk-feed-page .talk-period-navigation { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; padding:4px var(--talk-feed-pad,15px) 8px; color:#687481; font-size:12px; }
body.talk-feed-page .talk-period-navigation[hidden],body.talk-feed-page .talk-search-period select[hidden],body.talk-feed-page .talk-sort-label select[hidden] { display:none; }
body.talk-feed-page .talk-period-navigation-links { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
body.talk-feed-page .talk-period-navigation a { display:inline-flex; align-items:center; min-height:44px; color:#4f6578; font:inherit; text-decoration:none; }
body.talk-feed-page .talk-period-navigation a:hover { text-decoration:underline; }
body.talk-feed-page .talk-period-picker { position:relative; }
body.talk-feed-page :is(.talk-period-picker summary,.talk-period-fixed) { display:inline-flex; box-sizing:border-box; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:0 14px; border:1px solid #e1e5e8; border-radius:999px; background:#fff; color:#4f6578; font:inherit; font-weight:600; list-style:none; }
body.talk-feed-page .talk-period-picker summary { cursor:pointer; }
body.talk-feed-page .talk-period-picker summary::-webkit-details-marker { display:none; }
body.talk-feed-page .talk-period-picker summary::marker { content:""; }
body.talk-feed-page .talk-period-picker summary i { font-size:10px; }
body.talk-feed-page .talk-period-picker[open] summary i { transform:rotate(180deg); }
body.talk-feed-page .talk-period-menu { position:absolute; z-index:20; top:calc(100% + 4px); left:0; box-sizing:border-box; min-width:140px; padding:4px; border:1px solid #e1e5e8; border-radius:10px; background:#fff; box-shadow:0 4px 12px rgb(0 0 0 / 8%); }
body.talk-feed-page .talk-search-period .talk-period-menu { left:auto; right:0; }
body.talk-feed-page .talk-sort-label { color:#687481; font-size:12px; }
body.talk-feed-page .talk-sort-picker .talk-period-menu { left:auto; right:0; }
body.talk-feed-page .talk-period-menu a { display:flex; box-sizing:border-box; align-items:center; min-height:44px; padding:0 12px; border-radius:6px; color:#303c42; text-decoration:none; }
body.talk-feed-page .talk-period-menu a[aria-current="true"] { background:#f1f4f6; font-weight:700; }
body.talk-feed-page .talk-period-menu a:hover { background:#f5f7f8; text-decoration:none; }
body.talk-feed-page :is(.talk-period-menu a,.talk-period-picker summary,.talk-search-period select):focus-visible { outline:2px solid currentColor; outline-offset:2px; }
@media (max-width:1024px) {
    html:not([data-is-tablet-mode="desktop"]) body.talk-feed-page .talk-search-panel { flex-wrap:wrap; height:auto; }
    html:not([data-is-tablet-mode="desktop"]) body.talk-feed-page .talk-search-panel .talk-search-form { flex-basis:100%; min-width:0; }
    html:not([data-is-tablet-mode="desktop"]) body.talk-feed-page .talk-search-period { margin-left:auto; }
}
html[data-is-tablet-mode="mobile"] body.talk-feed-page .talk-search-panel { flex-wrap:wrap; height:auto; }
html[data-is-tablet-mode="mobile"] body.talk-feed-page .talk-search-panel .talk-search-form { flex-basis:100%; min-width:0; }
html[data-is-tablet-mode="mobile"] body.talk-feed-page .talk-search-period { margin-left:auto; }
