/* Ιστορίες με επιλογές και επεξεργασία αφηγήσεων. */
.side-tools{display:grid;gap:7px;margin-bottom:16px}
.side-tools a{display:flex;align-items:center;gap:11px;min-height:42px;color:inherit;text-decoration:none;font-size:13px;opacity:.95;padding:8px 12px;border-radius:10px}
.side-tools a:hover,.side-tools a:focus-visible{background:#4f725e;color:white}
.side-tools svg{width:18px;height:18px;flex-shrink:0}
.story-shelf{margin:27px 0 37px}
.story-shelf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:17px}
.story-shelf-card{font:inherit;display:flex;align-items:center;gap:19px;text-align:left;padding:20px;border:1px solid #d9ddd3;border-radius:23px;background:linear-gradient(140deg,#fffaf0,#eef6e9);color:#30443b;cursor:pointer;box-shadow:0 6px 20px #283f2810;min-height:155px}
.story-shelf-card:hover,.story-shelf-card:focus-visible{border-color:#8da886;transform:translateY(-2px)}
.story-shelf-card>span:last-child{display:grid;gap:8px}.story-shelf-card strong{font-size:clamp(16px,1.5vw,22px)}
.story-shelf-card small{display:flex;align-items:center;gap:6px;color:#537848;font-weight:700}.story-shelf-card small svg{width:17px;height:17px}
.story-shelf-art{width:110px;flex-shrink:0}.story-shelf-art svg{width:100%;height:105px}
#parea-story-player{width:min(1160px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:24px clamp(18px,3vw,34px);border:1px solid #c8d9c6;border-radius:25px;background:#fcfbf4;color:#30443b;box-shadow:0 18px 64px #213f332e;overflow:auto}
#parea-story-player::backdrop{background:#213e349c;backdrop-filter:blur(5px)}
.story-player-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:19px}
.story-player-heading p{margin:0 0 6px;color:#758578}.story-player-heading h1{font-size:clamp(22px,2.5vw,32px);line-height:1.2;margin:0}
.story-player-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:center;gap:28px}
.story-picture-grid{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px;padding:20px;min-height:230px;background:linear-gradient(145deg,#eff7e8,#fff6e2);border-radius:24px}
.story-picture-grid figure{flex:1 1 120px;max-width:190px;margin:0;min-height:155px;display:grid;place-items:center}
.story-picture-grid svg{width:100%;max-height:170px}
.story-player-text h2{margin:0 0 14px;font-size:clamp(21px,2.1vw,29px)}.story-player-text>p{font-size:clamp(16px,1.4vw,21px);line-height:1.65;white-space:pre-wrap}
.story-player-text [data-story-status]{font-size:14px;color:#5e795d;min-height:35px}
.story-player-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0 14px}
.story-choice{font:inherit;flex:1 1 190px;max-width:310px;min-height:105px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #c6d8bb;border-radius:19px;background:#fff;color:inherit;padding:12px;cursor:pointer;font-weight:600}
.story-choice svg{width:76px;height:75px;flex-shrink:0}.story-choice:hover,.story-choice:focus-visible{border-color:#729763;background:#edf5e9}
.story-choice>span{display:flex;align-items:center;gap:8px}.voice-choice-number{display:inline-grid;place-items:center;width:25px;height:25px;min-width:25px;border-radius:50%;background:#e2edda;color:#3f6a47;font-size:12px}
.story-conclusion{font-size:19px;font-weight:650;text-align:center;color:#4f714a}
.story-player>footer{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}
.story-player-control{border:1px solid #c9dabe;background:#fffdf7;padding:11px 17px;border-radius:12px;color:inherit;font:600 14px/1.3 inherit;cursor:pointer}
.story-player-control.primary{background:#446c51;color:#fff;border-color:#446c51}
.story-player-control:hover,.story-player-control:focus-visible{outline:2px solid #89a67d;outline-offset:2px}
/* Adult authoring controls reuse the current administration forms and panels. */
.admin-age-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(360px,1.25fr);gap:20px;align-items:start}
.admin-age-layout .form-grid,.story-editor .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.story-editor-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.story-editor-toolbar .field{flex:1;min-width:min(100%,300px)}
.story-details{margin-bottom:20px}.story-editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
.story-scene-nav{position:sticky;top:16px}.story-scene-pick{display:block!important;width:100%;text-align:left;margin:7px 0}
.story-scene-pick[aria-pressed=true]{background:#e4f1e9!important;border-color:#467d68!important}
.story-editor-block{border-top:1px solid #dce5df;margin-top:24px;padding-top:18px}
.story-cue-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,150px) auto;gap:12px;align-items:end;margin-bottom:12px}
.story-choice-editor{background:#f7faf6;border:1px solid #dce5df;border-radius:16px;padding:16px;margin:12px 0}
.story-editor textarea{resize:vertical}.story-editor .field-note{line-height:1.55}
@media(max-width:900px){.admin-age-layout,.story-editor-layout{grid-template-columns:1fr}.story-scene-nav{position:static}.story-shelf-grid{grid-template-columns:1fr}}
@media(max-width:700px){.story-player-main{grid-template-columns:1fr;gap:15px}.story-picture-grid{min-height:165px}.story-picture-grid figure{min-height:125px}.story-shelf-art{width:85px}.story-shelf-card{padding:13px}.story-choice{max-width:none}.story-editor .form-grid,.admin-age-layout .form-grid,.story-cue-row{grid-template-columns:1fr}.side-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.side-tools a{justify-content:center;flex-direction:column;gap:3px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-shelf-card:hover{transform:none}}