/* Flat, code-native WordPress editor concept. No bitmap / simulated controls. */
.wp-editor{overflow:hidden;border:1px solid #c4d8ec;border-radius:12px;background:#fff;box-shadow:0 20px 45px -33px #244f7c75}
.wp-editor-body{display:grid;grid-template-columns:155px 1fr;min-height:350px}
.wp-tools{background:#f1f6fc;border-right:1px solid #d9e5f2;padding:23px 17px;display:flex;flex-direction:column;gap:20px;color:#44617e}
.wp-tools>strong{font:500 13px var(--font-heading-th);color:var(--navy);margin-bottom:3px}
.wp-tools>span{font-size:11px;display:flex;gap:8px;align-items:center}.wp-tools svg{width:16px;height:16px;color:#6c92bd}
.wp-tool-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #d3e1ee;font:500 15px var(--font-heading-en);color:var(--navy)}.wp-tool-bottom small{font:400 10px var(--font-body);color:var(--body)}
.wp-site{padding:24px;min-width:0}.wp-site-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#52708f}.wp-site-nav b{font:600 20px var(--font-heading-en);letter-spacing:.03em;color:var(--navy)}.wp-site-nav b span{color:var(--blue)}.wp-site-nav>span{font-size:9px}
.wp-site-title{padding-top:28px}.wp-site-title small{font-size:10px;color:#52657a}.wp-site-title strong{font:600 31px/1.5 var(--font-heading-th);display:block;margin-top:6px;color:var(--navy)}.wp-site-title strong span{color:var(--blue)}
.wp-landscape{height:100px;position:relative;overflow:hidden;margin-top:16px;background:#eaf4fc;border-radius:5px}.wp-sun{width:44px;height:44px;position:absolute;border-radius:50%;background:var(--yellow);right:25px;top:12px}.wp-hill{position:absolute;width:70%;height:100px;left:-12%;bottom:-42px;background:#8ec8fa;border-radius:70% 70% 0 0}.wp-hill-front{background:#176cb5;width:83%;left:auto;right:-20%;bottom:-43px;height:112px}
.wp-story-lines{padding-block:15px 13px;display:grid;gap:7px}.wp-story-lines i{height:4px;background:#ceddec;border-radius:4px;width:90%}.wp-story-lines i:last-child{width:62%;background:#e1eaf4}.wp-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wp-story-grid span{height:35px;border-radius:4px;background:#f1f5fa;border:1px solid #e1eaf3}
.wp-tool-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 18px;background:#e8f2fc;border:1px solid #cbdff1;border-radius:8px;margin-top:12px}.wp-tool-strip>span{font:400 12px var(--font-heading-en);color:var(--navy);display:flex;align-items:center;gap:6px}.wp-tool-strip svg{width:18px;height:18px;color:var(--blue)}
@media(min-width:768px) and (max-width:1199px){.wp-editor-body{grid-template-columns:115px 1fr}.wp-tools{padding:20px 12px;gap:20px}.wp-tools>span{font-size:9px;gap:5px}.wp-tools>strong{font-size:11px}.wp-tools svg{width:13px;height:13px}.wp-site{padding:19px}.wp-site-title strong{font-size:27px}.wp-site-nav>span{display:none}.wp-tool-strip{padding:13px 12px}.wp-tool-strip>span{font-size:10px;gap:5px}.wp-tool-strip svg{width:16px;height:16px}}
@media(max-width:1023px) and (min-width:768px){.wp-editor-body{grid-template-columns:90px 1fr;min-height:325px}.wp-tools{padding:18px 9px}.wp-tools>span{font-size:8px;gap:4px}.wp-tools svg{width:11px;height:11px}.wp-tools>strong{font-size:9px}.wp-tool-bottom{font-size:12px}.wp-tool-bottom small{font-size:8px}.wp-site{padding:15px}.wp-site-title strong{font-size:24px}.wp-site-title{padding-top:20px}.wp-landscape{height:85px}.hp-live{font-size:10px}.wp-tool-strip>span{font-size:9px;gap:4px}}
@media(max-width:767px){.wp-editor-body{grid-template-columns:112px 1fr;min-height:320px}.wp-tools{padding:20px 12px;gap:20px}.wp-tools>strong{font-size:11px}.wp-tools>span{font-size:9px;gap:5px}.wp-tools svg{width:13px;height:13px}.wp-tool-bottom{font-size:14px}.wp-tool-bottom small{font-size:9px}.wp-site{padding:19px}.wp-site-title{padding-top:20px}.wp-site-title strong{font-size:26px}.wp-site-nav>span{display:none}.wp-landscape{height:88px}.wp-tool-strip{padding:13px 12px;gap:7px}.wp-tool-strip>span{font-size:11px;gap:5px}.wp-tool-strip svg{width:16px;height:16px}}
@media(max-width:399px){.wp-editor-body{grid-template-columns:93px 1fr}.wp-tools{padding:18px 9px}.wp-tools>span{font-size:8px;gap:4px}.wp-tools>strong{font-size:10px}.wp-tools svg{width:11px;height:11px}.wp-tool-bottom{font-size:12px}.wp-tool-bottom small{font-size:8px}.wp-site{padding:15px}.wp-site-title strong{font-size:24px}.wp-tool-strip>span{font-size:9px;gap:4px}.wp-tool-strip svg{width:14px;height:14px}.wp-site-title small{font-size:9px}.hp-live{font-size:10px}}