:root{font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN",sans-serif;color:#242a26;background:#f5f4ef;font-synthesis:none;--green:#27604c;--muted:#737b74;--border:#dedfd6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #72a994;outline-offset:3px}a{color:inherit}.site-header{max-width:1280px;margin:auto;height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:22px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:.04em}.brand-icon{display:block;width:38px;height:38px;flex-shrink:0}.brand-en{font-size:9px;letter-spacing:.16em;border-left:1px solid #bac0b8;margin-left:6px;padding-left:16px}.header-note{font-size:12px;color:var(--muted)}main{max-width:1184px;padding:0 0 70px;margin:auto}.intro{padding:56px 0 38px;position:relative}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--green);font-weight:800;margin:0 0 19px}h1{font-size:43px;letter-spacing:.05em;line-height:1.5;margin:0;font-weight:800}.intro-copy{font-size:14px;line-height:2;color:#677268;margin:20px 0 0}.steps{position:absolute;bottom:42px;right:0;display:flex;gap:23px;color:#8b918b;font-size:11px}.steps span{padding-bottom:12px;border-bottom:2px solid #d7dcd3}.steps .active{color:var(--green);border-color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;max-width:800px;margin:0 auto}.fields{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.panel{background:#fffefa;border:1px solid var(--border);border-radius:6px;padding:28px}.panel h2{font-size:17px;margin:0 0 25px;letter-spacing:.025em}.section-number{font-family:Georgia,serif;color:var(--green);font-size:19px;margin-right:10px}label{display:block;font-weight:700;font-size:12px;margin-bottom:10px}.required,.optional{font-size:10px;margin-left:10px;font-weight:400;padding:3px 7px;border-radius:3px;background:#e9eee7;color:var(--green)}.optional{background:#efefea;color:#737b74}input{width:100%;min-width:0;padding:14px 15px;border:1px solid #d5d9cf;background:#fff;border-radius:4px;color:#242a26;font-size:14px}input::placeholder{color:#949b93}.field-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px}.search-box{display:flex;gap:8px}.search-box button{flex-shrink:0;border:0;background:#2e493a;color:white;border-radius:4px;padding:0 24px;font-size:13px}.hint{color:var(--muted);font-size:11px;line-height:1.8;margin:12px 0 0}.status{font-size:12px;color:var(--muted);background:#f4f5ef;padding:17px;margin:22px 0 0;border-radius:4px;line-height:1.8}.error{color:#a1352d;font-size:13px;line-height:1.8}.error:empty{display:none}.selection{position:static}.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.selection-heading h2{margin:0;font-size:16px}.count{font-size:12px;color:var(--green);background:#e9eee7;border-radius:20px;padding:6px 12px;white-space:nowrap}.empty{text-align:center;padding:54px 0 40px;color:#8c958a}.empty>span{display:block;font-size:43px;color:#a7b49f;margin-bottom:15px}.empty strong{display:block;font-size:14px;font-weight:500;color:#626e60}.empty p{font-size:11px;line-height:1.9}.primary,.secondary{border-radius:4px;font-size:13px;padding:15px 22px;font-weight:700}.primary{border:1px solid var(--green);color:white;background:var(--green)}.primary:hover:not(:disabled){background:#1a4939}.secondary{border:1px solid #cfd4cb;background:transparent;color:#4d5b50}.wide{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:24px}.small{font-size:10px;line-height:1.8;color:var(--muted);text-align:center}.results{display:grid;gap:0}.result{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #e6e8df}.poster{width:52px;height:78px;flex-shrink:0;object-fit:cover;border-radius:3px;background:#e9ece3}.no-poster{display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;color:#87917f;line-height:1.6}.movie-info{min-width:0;flex:1}.movie-title{font-size:13px;font-weight:700;line-height:1.7;overflow-wrap:anywhere;margin:0}.movie-year{font-size:11px;color:var(--muted);margin:4px 0 0}.add-button{border:1px solid #cad7c8;background:#f0f5ed;color:var(--green);border-radius:4px;padding:8px 11px;font-size:11px;flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px;margin-top:18px}.pagination button{font-size:11px;padding:9px}.movie-list{list-style:none;padding:0;margin:20px 0 0}.rank-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e6dd;padding:17px 0}.rank-number{font:italic 27px Georgia,serif;color:#80947b;width:25px;text-align:center;flex-shrink:0}.rank-item:first-child .rank-number{color:#a4823e}.rank-item .poster{width:46px;height:69px}.controls{display:grid;grid-template-columns:repeat(2,30px);gap:4px;flex-shrink:0}.controls button{border:1px solid #e0e3d9;background:#f8f9f4;border-radius:3px;padding:6px 0;font-size:12px;color:#49604c}.controls .remove{grid-column:span 2;border:0;background:transparent;font-size:10px;color:#82897d}.reading{max-width:760px;margin:60px auto 0}.reading>h1{font-size:30px}.ranking-card{background:#fffefa;padding:35px;border:1px solid var(--border);border-radius:6px;margin:30px 0 24px}.ranking-card:empty{display:none}.ranking-title{font-size:28px;line-height:1.7;overflow-wrap:anywhere;margin:0}.ranking-meta{font-size:12px;color:var(--muted);margin:12px 0 26px;overflow-wrap:anywhere}.ranking-card .rank-item{gap:22px;padding:22px 0}.ranking-card .poster{width:68px;height:102px}.ranking-card .movie-title{font-size:17px}.ranking-card .rank-number{font-size:34px;width:36px}.actions{display:flex;justify-content:space-between;gap:15px}.share{margin:30px 0;padding:24px;border:1px solid var(--border);border-radius:5px}.share input{font-size:11px}.create-link{display:inline-block;font-size:13px;font-weight:700;color:var(--green);margin-top:20px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:32px;max-width:1184px;margin:auto;padding:35px 0 40px}footer strong{font-size:15px}footer p{font-size:10px;color:var(--muted);line-height:1.8}.credits{font-size:10px;color:var(--muted)}.credits a{display:inline-block;vertical-align:middle;margin-left:14px}.credits img{height:auto;max-height:14px;width:80px}[hidden]{display:none!important}@media(min-width:1500px){main,.site-header,footer{max-width:1184px}}@media(max-width:1270px){main,footer{margin-left:40px;margin-right:40px}.site-header{padding-left:40px;padding-right:40px}}@media(max-width:800px){.site-header{height:76px;padding:0 22px}.brand{font-size:18px}.brand-en{font-size:8px;padding-left:10px}.header-note{display:none}main{margin:0;padding:0 20px 45px}.intro{padding:36px 0 27px}h1{font-size:34px}.intro-copy{font-size:12px}.steps{position:static;margin-top:26px;gap:18px;font-size:10px}.workspace{grid-template-columns:1fr;gap:20px}.panel{padding:22px}.panel h2{font-size:16px;margin-bottom:22px}.selection{position:static}.selection-heading h2{margin:0}.empty{padding:25px 0}.reading{margin:35px auto 0}.reading>h1{font-size:25px}.ranking-card{padding:22px}.ranking-title{font-size:23px}.ranking-card .rank-item{gap:13px}.ranking-card .movie-title{font-size:14px}.ranking-card .poster{width:57px;height:86px}.ranking-card .rank-number{width:30px;font-size:29px}.actions button{font-size:12px;padding:14px}.share{padding:18px}.share .search-box{flex-wrap:wrap}.share .search-box button{padding:10px 20px}.search-box button{padding:0 18px}footer{margin:0 20px;padding:28px 0;flex-direction:column;gap:15px}}
.site-nav{max-width:1184px;margin:0 auto;display:flex;gap:8px;padding:16px 0;border-bottom:1px solid var(--border)}.site-nav a{text-decoration:none;font-size:13px;padding:12px 16px;border-radius:4px;color:var(--green);font-weight:700}.site-nav a[aria-current=page]{background:#e5ece2}.feed-list{display:grid;gap:22px;margin-top:26px}.feed-card{background:#fffefa;border:1px solid var(--border);border-radius:6px;overflow:hidden}.feed-detail{display:block;padding:25px;text-decoration:none}.feed-detail:hover{background:#f3f6ed}.feed-detail h2{font-size:21px;line-height:1.7;overflow-wrap:anywhere;margin:0}.feed-detail .ranking-meta{margin:10px 0 18px}.feed-detail .movie-list{margin:0}.feed-open{display:block;font-size:12px;color:var(--green);font-weight:700;margin-top:20px}.delete-link{display:block;margin:0 25px 20px;border:0;background:transparent;color:#a1352d;padding:12px 0;text-decoration:underline;font-size:12px}@media(max-width:1270px){.site-nav{margin:0 40px}}@media(max-width:800px){.site-nav{margin:0 20px;gap:2px;justify-content:space-between;padding:10px 0}.site-nav a{font-size:11px;padding:12px 7px}.feed-detail{padding:20px}.feed-detail h2{font-size:19px}.delete-link{margin-left:20px}.feed-card .rank-item{gap:10px}}
.topic-suggestions{display:grid;max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:4px;margin-top:6px;background:#fffefa}.topic-option{text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--green);padding:13px 15px;font:inherit;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.topic-option:last-child{border-bottom:0}.topic-option:hover,.topic-option:focus-visible,.topic-option[aria-selected=true]{background:#e5ece2;outline:2px solid var(--green);outline-offset:-2px}

#editor .intro{max-width:800px;margin:0 auto}#editor .steps{position:static;margin-top:26px}.editor-actions .wide{margin-top:0}

/* Keep long search messages inside the page without restricting pinch zoom. */
.workspace>*,.fields>*{min-width:0}.hint,.status,.error,.small{overflow-wrap:anywhere}
@media(max-width:800px){input,.share input{font-size:16px}}
.share h2{font-size:20px;line-height:1.7;margin:0}.share-image{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:4px;margin-top:18px}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.share-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.share>label{margin-top:24px}.share #image-retry{margin-top:12px}@media(max-width:500px){.share-actions>*{width:100%}}
.rank-item .rank-medal{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-style:normal;font-size:26px;line-height:1.4;width:32px}.ranking-card .rank-medal{width:36px;font-size:30px}@media(max-width:800px){.rank-item .rank-medal{width:28px;font-size:24px}.ranking-card .rank-medal{width:30px;font-size:26px}}
.feed-card-header{padding:25px 25px 0}.feed-card-header h2{font-size:21px;line-height:1.7;overflow-wrap:anywhere;margin:0}.feed-title-link{text-decoration:none}.feed-title-link:hover{text-decoration:underline}.feed-card-header .ranking-meta{margin:10px 0 18px}.feed-card .feed-detail{padding-top:0}.author-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}.author-link:hover{color:#173e30}#feed-title{overflow-wrap:anywhere}@media(max-width:800px){.feed-card-header{padding:20px 20px 0}.feed-card-header h2{font-size:19px}}
.feed-title-link{color:var(--green);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.feed-title-link:hover{color:#173e30}
.movie-query-field{position:relative;flex:1;min-width:0}.movie-query-field input{padding-right:44px}.search-box .query-clear{position:absolute;right:2px;top:2px;bottom:2px;width:40px;padding:0;border:0;background:transparent;color:#677268;font-size:24px;font-weight:400;line-height:1;border-radius:3px}@media(hover:hover) and (pointer:fine){.search-box .query-clear:hover{background:#e9eee7;color:var(--green)}}
/* Ranking movie rows link to the full movie information. */
.ranking-card .rank-item{padding:0;display:block}.rank-movie-link{display:flex;align-items:center;gap:22px;padding:22px 0;text-decoration:none;border-radius:4px}.rank-movie-link:hover{background:#f0f4eb}.ranking-card .poster{width:120px;height:180px}.movie-director{font-size:13px;line-height:1.8;color:#59685c;margin:10px 0 0;overflow-wrap:anywhere}.movie-more{display:block;font-size:11px;color:var(--green);margin-top:14px;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.rank-movie-link{gap:12px;padding:20px 0}.ranking-card .poster{width:90px;height:135px}.movie-director{font-size:11px;margin-top:8px}.movie-more{font-size:10px;margin-top:10px}}@media(max-width:360px){.ranking-card{padding:16px}.rank-movie-link{gap:9px}.ranking-card .poster{width:78px;height:117px}}
.feed-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 25px 20px}.feed-card-actions .feed-open{margin:0}.reaction-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.like-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:56px;padding:6px 8px;border:1px solid #dedfd6;border-radius:6px;background:#fffefa;color:#737b74;flex-shrink:0}.like-button:disabled{opacity:1;cursor:wait}.like-heart{display:inline-flex;width:16px;height:16px;flex:0 0 16px}.like-heart svg{display:block;width:16px;height:16px;fill:none}.like-button[aria-pressed=true] .like-heart svg{fill:currentColor}.like-count{font-size:13px;font-variant-numeric:tabular-nums}.like-button[aria-pressed=true]{color:#d93668}.like-status{font-size:11px;color:#a1352d;max-width:240px;overflow-wrap:anywhere}.like-status:empty{display:none}.feed-card-actions .reaction-control{justify-content:flex-end}.ranking-card>.reaction-control{margin:0 0 20px;justify-content:flex-end}@media(max-width:800px){.feed-card-actions{padding:0 20px 18px;gap:10px}}
#detail-content>.ranking-meta{margin-bottom:12px}#detail-content>.reaction-control{margin:0;justify-content:flex-end}#detail-content>.movie-list{margin-top:12px}#detail-content .rank-item:first-child .rank-movie-link{padding-top:0}
.topic-tag{color:var(--green);background:#e9eee7;border-radius:4px;padding:2px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.topic-tag:hover{color:#173e30;background:#dce7d9}
.same-topic{margin:28px 0}.same-topic-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 22px;text-decoration:none;line-height:1.8}.same-topic-link:hover{background:#1a4939}.same-topic>.hint{text-align:center}@media(max-width:500px){.same-topic-link{padding:16px 14px}}

.editor-actions>#posting-limit-hint,#publish-limit-hint{margin:0 0 22px}#preview-content{margin-bottom:22px}

.similar-rankings{margin:44px 0 28px;padding-top:30px;border-top:1px solid var(--border)}.similar-rankings h2{font-size:25px;margin:8px 0 12px}.similar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.similar-card{display:block;min-width:0;padding:22px;background:#fffefa;border:1px solid var(--border);border-radius:6px;text-decoration:none;overflow-wrap:anywhere}.similar-card:hover{background:#f3f6ed}.similar-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}.similar-score{display:inline-block;padding:5px 10px;border-radius:3px;background:#e5ece2;color:var(--green);font-size:13px;font-weight:700}.similar-card h3{font-size:18px;line-height:1.7;margin:14px 0 8px}.similar-card .ranking-meta{font-size:12px;margin:0 0 18px}.similar-common{font-size:12px;font-weight:700;color:var(--green);margin:0 0 8px}.similar-movies{padding-left:18px;margin:0;font-size:13px;line-height:1.8}.similar-card .feed-open{margin-top:18px}@media(max-width:600px){.similar-list{grid-template-columns:1fr}.similar-card{padding:20px}.similar-rankings h2{font-size:23px}}
#feed-status.feed-summary{font-size:16px;font-weight:700;color:var(--green);padding:0;background:transparent;margin:12px 0 0;line-height:1.7}#feed-status.feed-summary~.feed-list{margin-top:12px}@media(max-width:800px){#feed-status.feed-summary{font-size:15px}}
.popular-topics{margin:22px 0 25px;background:#eef0df;color:#263d31;border-radius:14px;padding:16px 14px 7px}.popular-topics-heading{display:flex;align-items:center;gap:7px}.popular-topics-heading svg{flex-shrink:0}.popular-topics-heading h2{font-size:16px;line-height:1.65;margin:0;font-weight:700}.popular-topics-caption{font-size:12px;color:#66705f;line-height:1.65;margin:2px 0 0}.popular-topics-caption:empty{display:none}.popular-topics-list{margin-top:12px}.popular-topic{display:grid;grid-template-columns:19px minmax(0,1fr) auto 10px;gap:7px;align-items:center;text-align:left;min-height:54px;padding:10px 0;border-top:1px solid #d9ddcd;color:inherit;font-size:13px;line-height:1.65;text-decoration:none}.popular-topic:hover .popular-topic-title{text-decoration:underline}.popular-topic-title{overflow-wrap:anywhere}.popular-topic-position{font:italic 19px Georgia,serif;color:#66705f}.popular-topic-count{font-size:11px;white-space:nowrap;color:#66705f}.popular-topics-retry{background:transparent;border:0;text-decoration:underline;color:#263d31;font-size:12px;padding:12px 0;min-height:44px}.feed-newest-title{font-size:16px;margin:0 0 13px;font-weight:700}@media(max-width:360px){.popular-topics{padding:14px 10px 5px}}
.my-ranking-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin:24px 0 20px}.my-ranking-tabs button{padding:12px 0;min-height:46px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#70786d;font-size:14px}.my-ranking-tabs button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green);font-weight:700}.like-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 16px;background:var(--green);color:#fffefa;border-radius:8px;font-size:13px}.like-undo span{overflow-wrap:anywhere;min-width:0}.like-undo button{flex-shrink:0;min-height:44px;padding:6px 8px;border:0;background:transparent;color:inherit;text-decoration:underline}.poster-feed .feed-card{border-radius:14px}.liked-feed .feed-title-link{color:var(--green);text-decoration:none}.liked-feed .feed-title-link:hover{text-decoration:underline}.poster-feed .movie-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.poster-feed .rank-item{display:flex;flex-direction:column;align-items:stretch;gap:7px;position:relative;min-width:0;padding:0;border:0}.poster-feed .rank-number{position:absolute;top:4px;left:4px;z-index:1;background:#fffefa;border-radius:50%;width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;font-size:17px}.poster-feed .poster{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.poster-feed .no-poster{height:auto;display:flex;align-items:center;justify-content:center;background:#e7ebdf;color:#657263;font-size:10px}.poster-feed .movie-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.poster-feed .movie-year{display:none}.liked-at{font-size:11px;color:#70786d;text-decoration:none}.poster-feed .like-button{min-width:48px;min-height:44px}.my-ranking-tabs[hidden],.like-undo[hidden]{display:none}@media(max-width:800px){.my-ranking-tabs{gap:18px}.my-ranking-tabs button{font-size:12px}.poster-feed .feed-card-header{padding:16px 16px 0}.poster-feed .feed-card-header h2{font-size:18px;line-height:1.5}.poster-feed .feed-detail{padding:0 16px 8px}.poster-feed .feed-card-actions{padding:0 16px 12px}.poster-feed .movie-list{gap:8px}.poster-feed .movie-title{font-size:11px}.poster-feed .ranking-meta{font-size:11px;margin:8px 0 14px}.poster-feed .rank-number{width:24px;height:24px;min-width:24px;font-size:15px}}

.discovery-tabs{display:flex;gap:4px;border-bottom:1px solid #d9ddcd;margin:0 0 14px;padding-bottom:8px}.discovery-tabs button{flex:1;min-width:0;min-height:44px;border:0;border-radius:7px;padding:8px 5px;background:transparent;color:#263d31;font:inherit;font-size:13px;white-space:nowrap}.discovery-tabs button[aria-pressed=true]{background:#fffefa;color:var(--green);font-weight:700;box-shadow:0 1px 3px #263d3112}.popular-topics-list{min-height:320px}.popular-topic{height:64px;min-height:64px}.discovery-entry-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-author{display:block;color:#66705f;font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#popular-topics-status{min-height:20px}#popular-topics-status:empty{display:block}.popular-topics-heading{min-height:27px}@media(max-width:400px){.discovery-tabs button{font-size:12px;padding:8px 2px}.popular-topics-heading h2{font-size:15px}}
.ranking-card-actions,.ranking-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ranking-owner-actions{display:flex;align-items:center;gap:4px;padding-left:8px;border-left:1px solid var(--border)}.ranking-action-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;margin:0;border:0;border-radius:5px;background:transparent;color:var(--green);text-decoration:none}.ranking-action-icon svg{width:18px;height:18px;display:block}.ranking-action-icon:hover{background:#eaf0e5}.ranking-delete-icon{color:#737b74}.ranking-delete-icon:hover{color:#a1352d;background:#fbece8}.ranking-action-icon:focus-visible{outline:3px solid var(--green);outline-offset:2px}.ranking-action-icon:disabled{opacity:.5;cursor:wait}.ranking-detail-actions{margin-top:20px}.ranking-detail-actions .reaction-control{justify-content:flex-end}.feed-card-actions:has(.ranking-card-actions){flex-wrap:wrap}.ranking-card-actions{margin-left:auto}.ranking-card-actions .reaction-control{flex-wrap:nowrap}.ranking-card-actions .like-status{max-width:140px}.ranking-detail-actions .like-status{max-width:180px}
.ranking-card-actions .like-button,.ranking-detail-actions .like-button{min-height:44px;border-color:transparent;background:transparent}.ranking-card-actions .like-button:hover,.ranking-detail-actions .like-button:hover{background:#eaf0e5}
.ranking-owner-actions{border-left:0;padding-left:0}.ranking-owner-actions:before{content:"";width:1px;height:18px;margin-right:4px;background:var(--border)}

/* Topic directory and single-row navigation. */
.site-nav{flex-wrap:nowrap}.site-nav a{white-space:nowrap;flex-shrink:0}.nav-short{display:none}
.directory-search{margin:28px 0 18px}.directory-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.directory-search input{font-size:16px}.directory-search .search-box button{min-height:46px}
.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66705f;font-size:12px;margin:0 0 14px}.directory-toolbar label{display:flex;gap:8px;align-items:center;margin:0;font-weight:400;font-size:12px;white-space:nowrap}.directory-toolbar select{font:inherit;color:#263d31;background:#fffefa;border:1px solid var(--border);border-radius:4px;min-height:44px;padding:9px;max-width:180px}.directory-toolbar select:focus-visible{outline:3px solid #72a994;outline-offset:3px}
.directory-list{border-top:1px solid var(--border);margin-top:18px}.directory-topic.topic-tag{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 8px;border-bottom:1px solid var(--border);border-radius:0;background:transparent;text-decoration:none;color:#263d31;min-height:82px;margin:0;max-width:none;white-space:normal}.directory-topic.topic-tag:hover{background:#eef0df}.directory-topic-text{min-width:0}.directory-topic-name{display:block;font-size:16px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}.directory-topic-count{display:block;font-size:12px;color:#66705f;margin-top:4px;font-weight:400}.directory-topic-arrow{font-size:22px;flex-shrink:0;color:#66705f}.directory-more{display:block;margin:24px auto 0;min-width:160px;min-height:44px}.directory-browse-link{display:block;font-size:12px;font-weight:700;padding:13px 0;color:#263d31;min-height:44px;text-underline-offset:3px}.directory-editor-link{display:inline-block;font-size:12px;color:var(--green);padding:13px 0 3px;min-height:44px;text-underline-offset:3px}
@media(max-width:800px){.site-nav{gap:2px;justify-content:space-between}.site-nav a{font-size:11px;padding:12px 6px;min-height:44px}.nav-full{display:none}.nav-short{display:inline}.directory-topic-name{font-size:15px}.directory-toolbar{gap:6px}.directory-toolbar label{gap:5px;font-size:11px}.directory-toolbar select{padding:9px 6px;max-width:150px}}