/*
Theme Name: Webifys Studio
Theme URI: https://webifys.site/
Author: Webifys
Description: Lightweight editorial WordPress theme for helpful student resources, practical tools, and study guides.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: webifys-studio
License: GNU General Public License v2 or later
*/
:root{--ink:#18293b;--muted:#536777;--teal:#087b79;--teal2:#dbf4ed;--cream:#fbfaf6;--line:#dde6e5;--white:#fff;--orange:#f7b866;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 24px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100}.skip-link:focus{left:8px;background:white;padding:10px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:86px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:25px;font-weight:850;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--teal);color:white;border-radius:12px;width:42px;height:42px;font-size:23px;transform:rotate(-5deg)}.brand-mark span{transform:rotate(5deg)}.brand-caption{display:block;color:var(--muted);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;line-height:1.2}.nav-menu{display:flex;gap:25px;margin:0;padding:0;list-style:none;align-items:center}.nav-menu a{color:var(--ink);font-size:14px;font-weight:650}.nav-menu a:hover{color:var(--teal)}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 11px}.pill{display:inline-block;background:var(--teal);color:white;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:750}.pill:hover{background:#056360;text-decoration:none;color:#fff}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:800;color:var(--teal)}.hero{padding:78px 0 76px;overflow:hidden;background:linear-gradient(125deg,#fbfaf6 36%,#e8f5ee)}.hero-grid{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:65px}.hero h1{font-family:Georgia,serif;font-size:clamp(43px,5.5vw,70px);line-height:1.08;letter-spacing:-2.4px;margin:16px 0 24px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{max-width:620px;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:29px 0}.outline-btn{display:inline-block;border:1px solid #99b9b0;border-radius:100px;color:var(--ink);font-size:14px;font-weight:750;padding:10px 20px}.hero-note{font-size:13px!important}.hero-art{background:#fff;border-radius:25px;padding:24px;box-shadow:0 26px 70px #153d3621;transform:rotate(2deg);border:1px solid #e5efea}.hero-art-top{display:flex;gap:7px;padding-bottom:18px;border-bottom:1px solid var(--line)}.dot{height:10px;width:10px;background:#dfebea;border-radius:50%}.dot:first-child{background:#e5a89f}.dot:nth-child(2){background:#f0d293}.dot:nth-child(3){background:#a5d5ba}.visual-card{margin-top:21px;padding:22px;border-radius:15px;background:#eef6f2}.visual-card h3{font-family:Georgia,serif;font-size:23px;line-height:1.35;margin:7px 0;color:var(--ink)}.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--teal);font-weight:800}.skeleton{height:10px;margin-top:13px;background:#bfd7d0;border-radius:30px;width:84%}.skeleton.short{width:53%}.tiny-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.tiny-grid div{padding:16px;border-radius:12px;background:#f7f8f6;color:#3f5958;font-size:13px;font-weight:700}.section{padding:78px 0}.section.alt{background:#fff}.section-heading{max-width:730px;margin-bottom:32px}.section h2,.page-title{font-family:Georgia,serif;font-size:clamp(31px,4vw,44px);line-height:1.18;letter-spacing:-.8px;margin:8px 0 16px}.section-heading p,.lead{color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 22px #192e2c08}.card h3{font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:13px 0}.card p{font-size:15px;color:var(--muted);margin:0 0 15px}.card .link{font-size:14px;font-weight:800}.icon-block{width:44px;height:44px;display:grid;place-items:center;background:var(--teal2);border-radius:12px;font-size:22px}.tool-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center}.tool-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 16px 50px #0e333010}.tool-box label{display:block;font-size:14px;font-weight:750;margin-bottom:9px}.tool-box textarea{width:100%;min-height:145px;resize:vertical;border:1px solid #bfd0ce;padding:16px;border-radius:12px;outline-color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.stats div{background:#eff7f3;border-radius:12px;text-align:center;padding:14px 5px}.stats b{display:block;font-size:24px;line-height:1.2}.stats small{font-size:11px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.step{border-left:3px solid var(--teal);padding:0 0 0 20px}.step strong{display:block;font-size:20px;font-family:Georgia,serif}.step p{color:var(--muted);font-size:15px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:17px}.post-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.post-card-body{padding:22px}.post-meta{font-size:12px;color:var(--muted)}.post-card h3{font-family:Georgia,serif;line-height:1.3;font-size:23px;margin:7px 0}.post-card h3 a{color:var(--ink)}.post-card p{color:var(--muted);font-size:15px}.content-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:52px;padding-top:56px;padding-bottom:84px}.article{background:#fff;border-radius:18px;padding:clamp(23px,4vw,49px);border:1px solid var(--line);min-width:0}.article h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,49px);line-height:1.19}.article h2{font-family:Georgia,serif;margin-top:1.65em;line-height:1.3}.article h3{line-height:1.4;margin-top:1.45em}.article p,.article li{line-height:1.85}.article table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}.article td,.article th{border:1px solid var(--line);padding:10px}.article blockquote{border-left:4px solid var(--teal);padding:10px 20px;margin-left:0;background:#f3f8f5}.article img{border-radius:10px}.side-panel{padding:22px;border-radius:15px;background:white;border:1px solid var(--line);height:max-content}.side-panel h2{font:700 20px Georgia,serif}.side-panel ul{list-style:none;padding:0}.side-panel li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.site-footer{background:#122c35;color:#d7e6e7;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.site-footer a{color:#e7f5f2}.site-footer h3{color:white;font:700 18px Georgia,serif}.site-footer p{font-size:14px;color:#b8cbd0}.footer-links{list-style:none;padding:0}.footer-links li{margin:10px 0;font-size:14px}.footer-bottom{border-top:1px solid #31505a;margin-top:37px;padding-top:22px;font-size:13px;color:#c0d0d1}.small-note{color:var(--muted);font-size:13px}.no-posts{background:#f0f6f2;padding:22px;border-radius:12px}.pagination{margin:25px 0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:820px){.hero-grid,.tool-shell,.content-layout{grid-template-columns:1fr}.hero-art{max-width:560px;transform:none}.cards,.post-grid,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 26px;flex-direction:column;align-items:flex-start}.nav-menu.is-open{display:flex}}@media(max-width:560px){body{font-size:16px}.wrap{padding:0 18px}.header-inner{min-height:75px}.nav-menu{top:74px}.hero{padding:50px 0}.hero h1{letter-spacing:-1.5px}.hero p{font-size:17px}.section{padding:54px 0}.cards,.post-grid,.steps,.footer-grid{grid-template-columns:1fr}.stats b{font-size:20px}.footer-grid>div:first-child{grid-column:auto}.article{padding:22px}.content-layout{gap:20px;padding-top:35px}}

/* Webifys Studio 1.1: shared student branding and practical tools */
.brand-mark{background:#087b79;transform:rotate(-5deg);color:#fff;flex:0 0 42px}.brand-mark svg{transform:rotate(5deg);display:block}.footer-caption{color:#a8caca}.site-footer .brand{color:white}.site-footer .brand-caption{color:#a8caca}.site-footer .brand-mark{background:#087b79}
.hero-float{animation:webifys-float 6s ease-in-out infinite;will-change:transform}.visual-card{position:relative}.floating-pencil{position:absolute;right:18px;top:12px;color:#0a7776;font-size:21px;animation:webifys-pencil 3.5s ease-in-out infinite}.study-progress{height:5px;background:#eaf1ed;border-radius:40px;margin-top:15px;overflow:hidden}.study-progress span{display:block;width:38%;height:100%;background:#087b79;border-radius:40px;animation:webifys-progress 5s ease-in-out infinite}
@keyframes webifys-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes webifys-pencil{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes webifys-progress{0%{width:26%}50%{width:78%}100%{width:26%}}
.mini-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mini-tool{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;box-shadow:0 7px 22px #192e2c08}.mini-tool h3{font:700 23px/1.3 Georgia,serif;margin:15px 0 8px}.mini-tool>p:not(.tool-result){font-size:15px;color:var(--muted)}.mini-tool label{display:block;font-weight:650;font-size:13px;margin:12px 0 5px}.mini-tool input{display:block;width:100%;padding:9px 12px;border-radius:9px;border:1px solid #b9cfc8;background:#fff;color:var(--ink)}.mini-tool input:focus{outline:2px solid var(--teal);outline-offset:1px}.tool-result{padding:12px 13px;background:#eaf5ef;color:#14514d;font-weight:750;font-size:14px;border-radius:10px;margin:16px 0 0}.editorial-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:54px;align-items:start}.editorial-layout p{color:var(--muted)}.editorial-note{padding:30px;background:#edf7f2;border:1px solid #cddfd5;border-radius:20px}.editorial-note h3{font:700 25px/1.3 Georgia,serif}.editorial-note ul{padding-left:20px;line-height:2}.footer-links a:focus-visible,.nav-menu a:focus-visible,.pill:focus-visible{outline:3px solid #dfb06c;outline-offset:3px}
@media(max-width:820px){.mini-tools{grid-template-columns:repeat(2,1fr)}.editorial-layout{grid-template-columns:1fr}.hero-float{animation:none;transform:none}}
@media(max-width:560px){.mini-tools{grid-template-columns:1fr}.mini-tool{padding:20px}}
@media(prefers-reduced-motion:reduce){.hero-float,.floating-pencil,.study-progress span{animation:none!important;transform:none!important}html{scroll-behavior:auto}}