/* «Ρώτησε τον Mises» page (features preview) */
#rota{max-width:760px;margin:0 auto}
#rota .rq{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
#rota .rq-in{flex:1 1 320px;position:relative}
#rota input[type=search]{width:100%;box-sizing:border-box;height:54px;padding:0 18px;border-radius:14px;border:1px solid var(--gb);background:var(--glass);color:var(--ink);font:400 1.08rem/1.2 var(--ser,'Noto Sans',sans-serif);outline:none;transition:border-color .2s,box-shadow .2s}
#rota input[type=search]::placeholder{color:var(--m);opacity:.85}
#rota input[type=search]:focus{border-color:color-mix(in srgb,var(--gold) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}
#rota .rq-go{height:54px;padding:0 22px;border-radius:14px;border:0;background:var(--gold);color:var(--deep,#15110e);font:700 .95rem var(--ui,'Noto Sans',sans-serif);letter-spacing:.02em;cursor:pointer}
#rota .rq-go:hover{filter:brightness(1.08)}
#rota .rq-opt{display:flex;align-items:center;gap:10px;margin:12px 2px 0;font:400 .85rem var(--ui,'Noto Sans',sans-serif);color:var(--m)}
#rota select{background:var(--glass);color:var(--ink);border:1px solid var(--gb);border-radius:10px;padding:6px 10px;font:inherit}
#rota select option{background:var(--deep,#15110e);color:var(--ink)}
#rota .rq-ex{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
#rota .rq-ex span{font:600 .72rem var(--ui,'Noto Sans',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--m);width:100%;margin-bottom:2px}
#rota .rq-ex button{border:1px solid var(--gb);background:var(--card,var(--glass));color:var(--ink);border-radius:999px;padding:7px 14px;font:400 .88rem var(--ser,'Noto Sans',sans-serif);cursor:pointer;transition:border-color .2s,color .2s}
#rota .rq-ex button:hover{border-color:var(--gold);color:var(--gold)}
#rota .rq-note{margin:16px 2px 0;padding:12px 16px;border-left:2px solid color-mix(in srgb,var(--gold) 60%,transparent);background:var(--glass);border-radius:0 10px 10px 0;font:400 .86rem/1.55 var(--ui,'Noto Sans',sans-serif);color:var(--m)}
#rota #rs{min-height:1.4em;margin:18px 2px 0;color:var(--m);font:400 .9rem var(--ui,'Noto Sans',sans-serif)}
#rota.busy #rs{animation:rpulse 1s ease-in-out infinite alternate}@keyframes rpulse{from{opacity:.45}to{opacity:1}}
#rota .rr-head{margin:6px 0 10px;padding-bottom:12px;border-bottom:1px solid var(--gb)}
#rota .rr-n{margin:0 0 8px;font:600 .74rem var(--ui,'Noto Sans',sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
#rota .rr-gl{margin:0;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font:400 .86rem var(--ui,'Noto Sans',sans-serif);color:var(--m)}
#rota .rg-chip{display:inline-block;padding:3px 11px;border:1px solid var(--gb);border-radius:999px;color:var(--ink);background:var(--glass);border-bottom:1px solid var(--gb)}
#rota .rg-chip:hover,#rota .rg-chip.on{border-color:var(--gold);color:var(--gold)}
#rota .rr-map{margin:10px 0 0;font:400 .86rem var(--ui,'Noto Sans',sans-serif)}#rota .rr-map a{color:var(--gold);text-decoration:none}#rota .rr-map a:hover{text-decoration:underline}
#rota .rp-list{list-style:none;margin:0;padding:0;counter-reset:rp}
#rota .rp{position:relative;margin:0;padding:22px 0 22px 44px;border-bottom:1px solid var(--gb);counter-increment:rp}
#rota .rp::before{content:counter(rp);position:absolute;left:0;top:24px;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold);display:grid;place-items:center;font:600 .8rem var(--ui,'Noto Sans',sans-serif)}
#rota blockquote{margin:0;padding:0;border:0;font:400 1.04rem/1.72 var(--ser,'Noto Sans',sans-serif);color:var(--ink)}
#rota blockquote p{margin:0}
#rota .rp .rp-full{display:none}#rota .rp.full .rp-full{display:block}#rota .rp.full .rp-ex{display:none}
#rota mark{background:color-mix(in srgb,var(--gold) 24%,transparent);color:inherit;border-radius:3px;padding:0 2px}
#rota .rp-src{margin:12px 0 0;font:400 .86rem/1.5 var(--ui,'Noto Sans',sans-serif);color:var(--m)}
#rota .rp-src a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gb)}#rota .rp-src a:hover{color:var(--gold);border-color:var(--gold)}
#rota .rp-au{color:var(--gold);font-weight:600}
#rota .rp-act{margin:10px 0 0;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font:600 .84rem var(--ui,'Noto Sans',sans-serif)}
#rota .rp-go{color:var(--gold);text-decoration:none}#rota .rp-go:hover{text-decoration:underline}
#rota .rp-more{background:none;border:0;padding:0;color:var(--m);font:inherit;cursor:pointer}#rota .rp-more:hover{color:var(--ink)}
@media(max-width:720px){#rota .rp{padding-left:0;padding-top:46px}#rota .rp::before{top:14px}#rota .rq-go{width:100%}#rota blockquote{font-size:1rem}}
.rq-opt label{white-space:nowrap}
#rota input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

/* «Τι είναι και τι δεν είναι» card (2026-10-31) */
aside.rq-note{margin:22px 2px 0;padding:20px 22px 8px;border:1px solid var(--gb);border-left:3px solid var(--gold);border-radius:4px 14px 14px 4px;background:var(--glass);font:400 .9rem/1.62 var(--ui,'Noto Sans',sans-serif);color:var(--m);max-width:72ch}
aside.rq-note h2{margin:0 0 14px;font:600 .72rem/1.2 var(--ui,'Noto Sans',sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
aside.rq-note .rq-pt{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}
aside.rq-note .rq-pt:last-child{border-bottom:0;margin-bottom:0}
aside.rq-note p{margin:0;color:var(--m)}
aside.rq-note .rq-lead{display:flex;align-items:center;gap:8px;margin:0 0 4px;font:600 .88rem/1.3 var(--ui,'Noto Sans',sans-serif);color:var(--ink);letter-spacing:.01em}
aside.rq-note .rq-ic{width:17px;height:17px;flex:none;color:var(--gold)}
aside.rq-note a{color:var(--ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold) 60%,transparent)}
aside.rq-note a:hover{color:var(--gold)}
@media (max-width:600px){aside.rq-note{padding:16px 16px 4px;font-size:.88rem}}
