/* Round 74: the pro Document Templates catalog - hub pages, extra page blocks, editor language bar. */
.dts-countries{margin:.4rem 0 .8rem;display:flex;flex-wrap:wrap;gap:.4rem}
.dts-flag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border:1px solid var(--border,#d7dce5);border-radius:999px;font-size:.85rem;text-decoration:none}
.dts-flag:hover{border-color:var(--accent,#2563eb)}
.dts-about p,.dts-howto p{max-width:70ch;line-height:1.6}
.dts-bullets{margin:.2rem 0 .8rem 1.1rem;padding:0;line-height:1.6}
.dts-bullets li{margin:.15rem 0}
.dts-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem 1.2rem;margin:.4rem 0 1rem}
.dts-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.65}
.dts-facts dd{margin:0;font-weight:600}
.dts-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem;font-style:normal}
.dts-chips a{font-size:.75rem;padding:.05rem .45rem;border:1px solid var(--border,#d7dce5);border-radius:999px;text-decoration:none}
.dts-cards li{position:relative}
.dts-hub .dts-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem;list-style:none;padding:0}
@media (max-width:600px){.dts-hub .dts-cards{grid-template-columns:1fr}}

/* editor: language bar, field suggestions, option section headings */
.dt-sec{margin:1.1rem 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;border-top:1px solid var(--border,#d7dce5);padding-top:.7rem}
.dt-hint{display:block;font-weight:400;opacity:.6;font-size:.72rem}
.dt-langbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.3rem 0 .8rem;padding:.55rem .7rem;border:1px solid var(--border,#d7dce5);border-radius:10px;background:var(--panel-soft,rgba(0,0,0,.025))}
.dt-langbar select{max-width:15rem}
.dt-langbar .dt-lb-note{flex-basis:100%;font-size:.78rem;opacity:.75;margin:0}
.dt-lb-mode{font-size:.72rem;padding:.05rem .45rem;border-radius:999px;border:1px solid var(--border,#d7dce5)}
.dt-sugg{display:flex;flex-wrap:wrap;gap:.3rem;margin:.25rem 0 .1rem}
.dt-sugg button{font:inherit;font-size:.78rem;padding:.12rem .55rem;border-radius:999px;border:1px solid var(--accent,#2563eb);background:transparent;color:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-sugg button:hover,.dt-sugg button:focus-visible{background:var(--accent,#2563eb);color:#fff}
.dt-sugg .dt-sugg-tag{font-size:.7rem;opacity:.6;align-self:center}
.dt-tools-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .7rem}
.dt-tools-row .btn{font-size:.8rem;padding:.25rem .7rem}
.dt-favs{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}
.dt-favs a{font-size:.8rem;padding:.15rem .6rem;border:1px solid var(--border,#d7dce5);border-radius:999px;text-decoration:none}
.dt-star{cursor:pointer;background:none;border:0;font-size:1.1rem;line-height:1}
@media print{.dt-langbar,.dt-tools-row,.dt-sugg{display:none!important}}
.dt-langbar-sel{display:flex;gap:.4rem;align-items:center;font-size:.85rem}
.dt-langbar .dt-langbar-note{flex-basis:100%;font-size:.78rem;opacity:.8;margin:0;line-height:1.45}
.dt-sugg{align-items:center;padding:.35rem .5rem;border:1px dashed var(--accent,#2563eb);border-radius:8px}
.dt-sugg-lab{font-size:.72rem;opacity:.7}
.dt-sugg-txt{font-weight:600;word-break:break-word}
.dt-sugg .dt-sugg-x{padding:.05rem .45rem}
.dt-sugg-unk{flex-basis:100%;font-size:.72rem;opacity:.7}
.dt-recent{margin:0 0 .8rem}
.dt-recent-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.25rem 0;font-size:.85rem}
.dt-recent-row a{padding:.1rem .6rem;border:1px solid var(--border,#d7dce5);border-radius:999px;text-decoration:none;color:inherit}
@media print{.dt-recent{display:none!important}}

.dt-more{text-align:center;margin:18px 0}
.dt-more.hidden{display:none}
