/*
Theme Name: Ask Ellie
Version: 1.0.0
Description: A calm, accessible home for Ask Ellie and Ellie Plus.
Requires PHP: 8.1
Text Domain: ask-ellie
*/
:root{--purple:#6631a1;--deep:#281b3b;--muted:#655d70;--line:#e5dfeb;--paper:#faf9fc;--soft:#f0e8fa;--white:#fff;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--deep);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--purple);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bc690a;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{background:white;border-bottom:1px solid var(--line)}.nav{min-height:94px;display:flex;gap:32px;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--deep);font-size:25px;font-weight:750;letter-spacing:-1px}.brandmark{background:var(--purple);color:white;border-radius:14px;width:42px;height:42px;text-align:center;font:italic 34px/42px Georgia,serif}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;color:var(--deep);font-weight:550;font-size:14px}.navlinks a:hover{color:var(--purple)}.button,.navlinks .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 21px;border:1px solid var(--purple);border-radius:10px;color:white;background:var(--purple);text-decoration:none;font-weight:650;font-size:15px}.button.light{background:white;color:var(--purple)}.button.text{background:none;border:0;color:var(--purple);padding-left:0}.eyebrow{color:var(--purple);font-size:12px;letter-spacing:1.8px;font-weight:750;text-transform:uppercase}.home-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding:64px 0 60px;align-items:center}.intro h1{font:normal clamp(40px,4.3vw,62px)/1.08 Georgia,serif;letter-spacing:-2px;margin:20px 0 25px;max-width:530px}.intro h1 em{font-style:normal;color:var(--purple)}.intro p{font-size:18px;color:var(--muted);max-width:430px}.intro .fine{font-size:14px;margin-top:24px}.inline-points{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted);margin:25px 0}.inline-points span:before{content:'✓';color:var(--purple);margin-right:8px}.chat{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 55px #3b21550c;overflow:hidden}.chat-top{display:flex;gap:12px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.chat-top strong{display:block;font-size:18px}.chat-top small{font-size:13px;color:var(--muted)}.pill{display:inline-block;font-size:12px;line-height:1.4;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--purple);font-weight:650}.chat-top .pill{margin-left:auto}.chat-body{padding:24px;min-height:280px;max-height:440px;overflow:auto}.chat-welcome h2{font:normal 28px/1.2 Georgia,serif;margin:0 0 10px}.chat-welcome p{color:var(--muted);margin:0 0 18px}.suggestions{display:grid;gap:9px}.suggestions button,.tool-card{padding:13px 16px;text-align:left;border:1px solid var(--line);border-radius:11px;background:white;color:var(--deep)}.suggestions button:hover,.tool-card:hover{border-color:var(--purple);background:#faf7ff}.suggestions button span{float:right;color:var(--purple)}.chat-form{border-top:1px solid var(--line);padding:18px 24px}.consent{display:flex;gap:9px;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:14px}.consent input{accent-color:var(--purple);flex-shrink:0;align-self:flex-start;margin-top:4px}.compose{display:flex;gap:10px;align-items:center}.compose textarea{width:100%;resize:vertical;min-height:52px;max-height:150px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:12px;color:var(--deep)}.send{background:var(--purple);border:0;border-radius:10px;color:white;width:46px;height:46px;font-size:23px;flex-shrink:0}.chat-bottom{font-size:12px;color:var(--muted);padding:0 24px 16px;display:flex;justify-content:space-between;gap:16px}.chat-bottom button{border:0;background:none;font-size:12px;text-decoration:underline;color:var(--purple)}.status{font-size:14px;color:#6c3d20;padding:0 24px}.status:empty{display:none}.bubble{padding:15px;border-radius:12px;background:var(--paper);margin:0 0 16px;overflow-wrap:anywhere}.bubble p{white-space:pre-wrap;margin:4px 0}.bubble strong{font-size:12px;color:var(--muted)}.bubble.user{margin-left:28px;background:var(--soft)}.bubble ul{font-size:13px;padding-left:20px}.section{padding:64px 0;border-top:1px solid var(--line)}h2{font-size:32px;line-height:1.2;letter-spacing:-.7px}.section-heading{max-width:630px;margin-bottom:30px}.section-heading p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:white}.card h3{font-size:20px;margin:12px 0}.card p{color:var(--muted);font-size:15px}.number{color:var(--purple);font-size:13px;letter-spacing:2px;font-weight:750}.plus-band{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;background:var(--deep);color:white;border-radius:24px;padding:40px;margin-bottom:60px}.plus-band h2{margin:12px 0}.plus-band p{color:#ddd3e8}.plus-band .eyebrow{color:#d3b4f4}.plus-band .price{font-size:42px;font-weight:750}.plus-band .price small{font-size:15px;font-weight:400}.plus-band .button{background:white;color:var(--deep);border-color:white;margin:14px 0}.page-head{padding:58px 0 30px}.page-head h1{font:normal clamp(36px,4vw,52px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:14px 0}.page-head p{color:var(--muted);max-width:650px;font-size:18px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:940px;margin:10px auto 56px}.pricing .card{padding:34px}.pricing .featured{border:2px solid var(--purple)}.price{font-size:40px;font-weight:750;letter-spacing:-1.5px}.price small{font-size:16px;letter-spacing:0;font-weight:450;color:var(--muted)}.checks{list-style:none;padding:0;margin:24px 0}.checks li{padding:8px 0}.checks li:before{content:'✓';color:var(--purple);margin-right:10px}.fine{font-size:13px;color:var(--muted)}.faq{max-width:900px;margin:0 auto 70px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:18px;font-weight:650;cursor:pointer}.faq p{color:var(--muted);max-width:740px}.workspace{display:grid;grid-template-columns:230px 1fr;gap:32px;margin:35px auto 60px}.sidebar{border:1px solid var(--line);border-radius:18px;padding:20px;background:white;align-self:start}.sidebar h2{font-size:18px;margin:0 0 18px}.sidebar button{display:block;width:100%;text-align:left;padding:12px 10px;border:0;background:none;border-radius:9px;color:var(--muted);font-size:14px}.sidebar button.active{background:var(--soft);color:var(--purple);font-weight:650}.sidebar hr{border:0;border-top:1px solid var(--line);margin:18px 0}.workspace-content{min-width:0}.workspace-content h1{font:normal 38px Georgia,serif;margin:0 0 8px}.workspace-content>p{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.tool-card strong{display:block;font-size:16px}.tool-card small{color:var(--muted);font-size:13px}.upload-box{border:1px dashed #b4a1c7;border-radius:12px;padding:18px;margin-bottom:20px;background:var(--paper)}.upload-box input{max-width:100%;font-size:14px}.login-box{max-width:560px;margin:40px auto 80px}.login-box label{display:block;margin:15px 0 6px}.login-box input[type=text],.login-box input[type=password]{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px}.login-box input[type=submit]{background:var(--purple);color:white;border:0;padding:12px 22px;border-radius:9px}.saved-row{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;align-items:center}.saved-row button:first-child{flex:1;text-align:left;background:none;border:0;color:var(--purple)}.task-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.task-row span{flex:1}.task-row input{accent-color:var(--purple)}.task-add{display:flex;gap:12px;margin:24px 0}.task-add input{flex:1;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px}.prose{max-width:760px;padding:20px 0 60px}.prose h2{margin-top:32px}.prose p{color:var(--muted)}.site-footer{background:white;border-top:1px solid var(--line);padding:32px 0}.footer-top{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:24px;font-size:14px}.site-footer p{font-size:12px;color:var(--muted);max-width:850px;margin-top:22px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:999}.skip:focus{top:15px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.wp-site-blocks{padding:0}@media(max-width:900px){.home-grid{gap:32px;grid-template-columns:1fr 1fr}.intro h1{font-size:44px}.workspace{grid-template-columns:190px 1fr}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav{min-height:80px;gap:15px;flex-wrap:wrap;padding:16px 0}.navlinks{gap:14px;flex-wrap:wrap}.navlinks a{font-size:13px}.navlinks .button{padding:8px 12px}.brand{font-size:22px}.home-grid{grid-template-columns:1fr;padding:32px 0;gap:25px}.intro h1{font-size:43px;margin:14px 0}.intro p{font-size:16px}.intro .fine,.inline-points{margin:14px 0}.cards,.pricing,.plus-band,.workspace{grid-template-columns:1fr}.cards{gap:12px}.section{padding:38px 0}.plus-band{padding:28px;gap:12px}.workspace{gap:20px}.sidebar{display:flex;flex-wrap:wrap;gap:5px;padding:12px}.sidebar h2{width:100%;margin:0 0 5px}.sidebar button{width:auto}.sidebar hr{display:none}.tool-grid{grid-template-columns:1fr}.chat-body{min-height:230px;padding:18px}.chat-top,.chat-form{padding:16px}.page-head{padding:35px 0 20px}.pricing .card{padding:24px}}
