/*
Theme Name: Devex
Theme URI: https://devex.co.il
Author: Devex
Description: A bilingual, accessible editorial home for the Dev Experience community.
Version: 1.1.2
Requires at least: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devex
*/

@font-face{font-family:Heebo;src:url(assets/fonts/heebo-variable.ttf) format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url(assets/fonts/manrope-variable.ttf) format('truetype');font-style:normal;font-weight:200 800;font-display:swap}

:root{--ink:#191b18;--ink-soft:#242721;--paper:#f2f1e9;--muted:#b4b8ab;--ink-muted:#62665a;--accent:#fa6a42;--accent-dark:#a83818;--line:#42463c;--paper-line:#d5d6c9;--radius:12px;--shell:1280px;--space:clamp(24px,4.8vw,76px);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Heebo,Manrope,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
body.devex-en{font-family:Manrope,Heebo,sans-serif}
::selection{background:var(--accent);color:var(--ink)}
*{scrollbar-color:var(--ink-muted) var(--ink);scrollbar-width:thin}
a{color:inherit;text-decoration:none;text-underline-offset:.23em}
a:hover{text-decoration:none}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled,input:disabled{opacity:.55;cursor:not-allowed}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
svg{display:block;flex:none}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{text-wrap:balance;line-height:1.15;letter-spacing:-.03em;font-weight:650}
h1{font-size:clamp(44px,5.5vw,80px)}
h2{font-size:clamp(32px,3.5vw,52px)}
h3{font-size:clamp(23px,2vw,29px)}
p{text-wrap:pretty}
ul,ol{padding-inline-start:1.4em}
[hidden]{display:none!important}
.shell{width:min(calc(100% - var(--space)*2),var(--shell));margin-inline:auto}
.screen-reader-text,.skip-link:not(:focus){border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{position:fixed;top:12px;inset-inline-start:12px;padding:12px 20px;z-index:9999;background:var(--paper);color:var(--ink)}
.icon{width:23px;height:23px}
[dir=rtl] .icon-arrow{transform:scaleX(-1)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:13px 24px;background:var(--accent);color:var(--ink);border:1px solid transparent;border-radius:5px;font-weight:650;font-size:16px;line-height:1.4;transition:background .2s ease,color .2s ease}
.button:hover{background:#ff845f;color:var(--ink)}
.button-small{min-height:44px;padding:10px 18px;gap:18px;font-size:14px}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{background:#31352e;color:var(--paper)}
.text-link{display:inline-flex;gap:16px;align-items:center;font-weight:600;font-size:16px;line-height:1.5;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .18s ease}
.text-link:hover{text-decoration:underline;text-decoration-color:currentColor}
.text-link .icon-arrow{transition:translate .2s ease}
.text-link:hover .icon-arrow{translate:3px 0}
[dir=rtl] .text-link:hover .icon-arrow{translate:-3px 0}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:20}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:100px}
.brand{font-family:Manrope,sans-serif;display:flex;align-items:baseline;font-size:43px;font-weight:800;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.brand-x{color:var(--accent)}
.brand-dot{display:block;width:6px;height:6px;background:var(--accent);margin-inline-start:4px}
.site-navigation{display:flex;align-items:center;gap:clamp(20px,2.5vw,36px)}
.site-navigation>a:not(.button){font-size:14px;white-space:nowrap;padding-block:10px}
.site-navigation>a:not(.button):hover,.site-navigation>a[aria-current]{color:var(--accent)}
.site-navigation .language-switch{font-family:Manrope,Heebo,sans-serif;padding-inline:18px;border-inline-start:1px solid var(--line)}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;padding-block:85px 76px}
.hero h1{font-weight:700;line-height:1.08;letter-spacing:-.035em;font-size:clamp(52px,5.8vw,88px)}
.hero h1 span{color:var(--accent)}
.hero-description{font-size:20px;line-height:1.8;max-width:43ch;margin-top:28px;color:#d9dccf}
.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:34px}
.hero-footnote{margin-top:26px;color:var(--muted);font-size:13px;max-width:48ch}
.workflow{align-self:center;min-width:0;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workflow-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;color:var(--muted);font-size:11px;line-height:1.4}
.workflow-caption>span:first-child{font-family:Manrope,sans-serif;font-weight:650;color:var(--paper);font-size:13px}
.workflow-map{height:280px;position:relative;overflow:hidden}
.workflow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.workflow-path{stroke:var(--accent);stroke-width:1.4;stroke-dasharray:650;stroke-dashoffset:0;animation:flow-draw 1.8s cubic-bezier(.16,1,.3,1) both}
.workflow-path-secondary{stroke:#656b5c;animation-delay:.15s}
.workflow-lines circle{fill:var(--accent)}
.workflow-lines circle:nth-last-child(-n+2){fill:#656b5c}
.workflow-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:91px;height:93px;background:var(--ink);border:1px solid #5b6253;border-radius:var(--radius);font-family:Manrope,sans-serif;font-size:11px;font-weight:600;line-height:1.3;z-index:1;transition:border-color .3s ease,background .3s ease}
.node-context{inset-inline-start:1%;top:2%}.node-build{left:calc(50% - 45px);top:calc(50% - 46px);color:var(--ink);background:var(--accent);border-color:transparent}.node-review{right:1%;bottom:3%}
.node-symbol{font-family:Manrope,sans-serif;font-size:35px;line-height:1;letter-spacing:.03em;font-weight:400}
.workflow[data-active-stage=context] .node-context,.workflow[data-active-stage=review] .node-review{border-color:var(--accent);background:#32372c}
.workflow-side-label{position:absolute;inset-inline-end:0;top:5%;font-size:11px;color:var(--muted);writing-mode:vertical-rl;letter-spacing:.03em}
.workflow-demo{padding-bottom:18px}
.workflow-tabs{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workflow-tabs button{border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;padding:13px 8px 11px;font-size:12px;flex:1;transition:color .18s ease,border-color .18s ease}
.workflow-tabs button[aria-selected=true]{color:var(--paper);border-bottom-color:var(--accent)}
.workflow-tabs button:hover{color:var(--paper)}
.workflow-panel{padding-top:17px;min-height:139px}
.workflow-panel code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:block;text-align:left;font-size:clamp(10px,.9vw,12px);line-height:1.9;white-space:nowrap;color:#e2e5d8}
.workflow-panel p{color:var(--muted);font-size:12px;margin-top:13px}
.code-muted{color:#a0a694}.code-accent{color:#ffa17f}
.focus-strip{border-block:1px solid var(--line);font-family:Manrope,sans-serif}
.focus-strip>.shell{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:21px;color:#c7cbbe;font-size:13px;letter-spacing:.025em;direction:ltr}
.focus-strip span[aria-hidden]{color:var(--accent);font-size:20px;line-height:1}
.section-light{background:var(--paper);color:var(--ink);color-scheme:light}
.library-preview{padding-block:86px 94px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}
.section-heading p{margin-top:14px;color:var(--ink-muted);font-size:17px}
.section-heading>.text-link{flex-shrink:0;padding-bottom:3px}
.home-editorial{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.featured-art{height:250px;position:relative;background:#daddca;display:flex;align-items:center;justify-content:center;gap:34px;overflow:hidden;margin-bottom:26px;direction:ltr}
.art-type{font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,55px);font-weight:750;letter-spacing:-.04em;line-height:1.04;transform:rotate(-5deg);position:relative;z-index:1}
.art-type>span{color:#a83818}.art-bracket{font-family:Manrope,sans-serif;font-size:205px;line-height:1;color:#8d9675;font-weight:200}.bracket-open{transform:rotate(-13deg)}.bracket-close{transform:rotate(13deg)}
.art-note{position:absolute;bottom:16px;right:20px;font:10px Manrope,sans-serif;color:#535b43}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;font-size:12px;font-weight:500;color:var(--ink-muted);line-height:1.6}
.article-meta>span+span:not(.sample-label):before{content:"·";margin-inline-end:15px;color:var(--ink-muted)}
.sample-label{display:inline-block;color:var(--ink-muted);font-size:10px;line-height:1.6;padding:1px 7px;border:1px solid #bfc3b4;border-radius:3px;white-space:nowrap}
.featured-article h3{font-size:clamp(27px,2.7vw,36px);line-height:1.25;margin-top:13px;font-weight:650}
.featured-article h3 a:hover,.article-row h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.featured-article>p{color:var(--ink-muted);font-size:16px;line-height:1.8;margin-top:14px;max-width:60ch}
.featured-article>.text-link{margin-top:22px}
.article-row{display:flex;justify-content:space-between;gap:32px;padding-block:32px;border-bottom:1px solid var(--paper-line);position:relative}
.article-row:first-child{padding-top:0}
.article-row h3{margin-top:12px;font-weight:650;line-height:1.35}
.article-row p{font-size:15px;color:var(--ink-muted);margin-top:10px;max-width:65ch;line-height:1.85}
.article-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:1px solid #aab09e;border-radius:50%;align-self:center;transition:background .2s ease,border-color .2s ease}
.article-arrow:hover{background:var(--accent);border-color:var(--accent)}
.home-article-list .article-row{padding-block:27px}
.home-article-list .article-row:first-child{padding-top:0}
.home-article-list .article-row h3{font-size:24px}
.home-article-list .article-row p{font-size:14px}
.manifesto{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(60px,9vw,150px);padding-block:95px 105px}
.manifesto h2{font-size:clamp(36px,3.7vw,56px);line-height:1.3;font-weight:600}
.manifesto h2 span{color:var(--muted)}
.manifesto-intro>p{color:var(--muted);max-width:44ch;font-size:18px;margin-top:24px;line-height:1.9}
.manifesto-intro>.text-link{margin-top:28px}
.principles>div{padding-block:25px;border-bottom:1px solid var(--line)}
.principles>div:first-child{padding-top:4px}
.principles h3{font-size:23px;font-weight:600}
.principles p{font-size:15px;color:var(--muted);margin-top:11px;line-height:1.8}
.community-invite{background:var(--accent);color:var(--ink);padding-block:55px}
.invite-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.invite-inner h2{font-size:clamp(32px,3.5vw,48px);font-weight:650}
.invite-inner p{font-size:17px;margin-top:16px;max-width:65ch;color:#2f261d}
.invite-inner>.button{flex:none;max-width:100%}
.site-footer{padding-top:54px;overflow:hidden}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px}
.footer-top p{font-size:18px;max-width:42ch;color:var(--muted)}
.footer-wordmark{font-family:Manrope,sans-serif;display:block;font-size:clamp(140px,25.5vw,345px);font-weight:800;line-height:1.14;letter-spacing:-.04em;text-align:center;margin:15px 0 20px;white-space:nowrap}
.footer-wordmark>span{color:var(--accent)}
.footer-wordmark .footer-period{margin-inline-start:-.025em}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:23px 30px;font-size:12px;color:var(--muted)}
.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}
.footer-bottom a:hover{color:var(--paper);text-decoration:underline}
.footer-bottom p{direction:ltr}.footer-bottom p>span{margin-inline-start:8px}
.page-main{padding-block:60px 100px;min-height:65vh}
.page-heading{margin-bottom:45px;max-width:900px}
.page-heading h1{font-size:clamp(44px,5.6vw,76px);line-height:1.2;font-weight:650}
.back-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-muted);margin-bottom:24px}
.back-link .icon-arrow{width:18px;rotate:180deg}
.back-link:hover{color:var(--ink);text-decoration:underline}
.page-content-wide>p{max-width:68ch;color:var(--ink-muted);font-size:19px;line-height:1.9;margin-block:0 25px}
.page-content-wide>h2{font-size:32px;margin-top:48px;margin-bottom:20px}
.prose{max-width:72ch;font-size:18px;line-height:1.9}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose table,.prose pre,.prose figure{margin-block:0 24px}
.prose h2{font-size:32px;margin-block:50px 18px;line-height:1.35}.prose h3{font-size:25px;margin-block:35px 14px;line-height:1.4}.prose h4{font-size:21px;margin-block:28px 12px;line-height:1.4}
.prose a{color:var(--accent-dark);text-decoration:underline}
.prose a:hover{text-decoration-thickness:2px}
.prose li{margin-block:8px}
.prose pre,.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.prose code{font-size:.82em;background:#e3e5d8;padding:3px 5px;border-radius:3px;direction:ltr;unicode-bidi:isolate}
.prose pre{padding:24px;background:var(--ink);color:var(--paper);overflow:auto;border-radius:8px;direction:ltr;text-align:left;font-size:14px;line-height:1.8}
.prose pre code{padding:0;background:transparent;font-size:inherit;color:inherit;white-space:pre}
.prose blockquote{padding:25px 0;border-block:1px solid var(--paper-line);font-size:24px;font-weight:500;line-height:1.6}
.prose blockquote p:last-child{margin-bottom:0}.prose strong{font-weight:700}
.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose th,.prose td{padding:12px;text-align:start;border-bottom:1px solid var(--paper-line)}
.prose hr{border:0;border-top:1px solid var(--paper-line);margin:40px 0}
.prose .wp-block-button__link{color:var(--ink);background:var(--accent);text-decoration:none;border-radius:5px}
.library{margin-top:42px}.library>.search-form{margin-bottom:30px}.topic-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:45px;border-block:1px solid var(--paper-line);padding-block:18px}
.topic-filter a{font-size:14px;padding:9px 16px;border-radius:4px;transition:background .2s ease}
.topic-filter a:hover{background:#e3e5d8}.topic-filter a.is-current{background:var(--ink);color:var(--paper)}
.library .article-row{padding-block:32px}.library .article-row:first-child{padding-top:0}.library .article-row h3{font-size:30px}
.pagination{display:flex;align-items:center;gap:10px;margin-top:35px;flex-wrap:wrap}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 12px;border:1px solid var(--paper-line);border-radius:4px;font-size:14px}.pagination .current,.pagination .page-numbers:hover{background:var(--ink);color:var(--paper)}
.single-main{padding-block:56px 80px}.article-detail{max-width:var(--shell)}
.article-heading,.article-body,.sample-disclosure,.comments-area{max-width:800px;margin-inline:auto}
.article-heading h1{font-size:clamp(38px,4.5vw,64px);font-weight:650;line-height:1.25;margin-block:22px}
.article-byline{display:flex;gap:24px;font-size:13px;color:var(--ink-muted);padding-bottom:30px;border-bottom:1px solid var(--paper-line);margin-bottom:32px}
.sample-disclosure{font-size:13px;line-height:1.8;padding:16px 20px;background:#e6e8dc;margin-bottom:36px;border-radius:4px;color:#545b48}
.article-cover{max-width:1000px;margin:0 auto 40px}.article-cover img{width:100%;max-height:580px;object-fit:cover}
.article-body{margin-top:35px}
.related-articles{border-top:1px solid var(--paper-line);margin-top:80px;padding-top:52px}.related-articles h2{font-size:36px}
.comments-area{border-top:1px solid var(--paper-line);margin-top:60px;padding-top:40px}.comments-area>h2{font-size:32px;margin-bottom:16px}.comments-area>p{color:var(--ink-muted)}
.comment-list{list-style:none;padding:0;margin-block:30px}.comment-list .children{list-style:none;padding-inline-start:24px}
.comment-body{padding-block:24px;border-bottom:1px solid var(--paper-line)}.comment-meta{font-size:13px;color:var(--ink-muted)}.comment-author{font-weight:650;color:var(--ink)}.comment-content{margin-top:14px}.comment-content p{margin-block:10px}.reply{font-size:13px;margin-top:12px}.reply a{text-decoration:underline}.comment-respond{margin-top:36px}.comment-reply-title{font-size:26px;margin-bottom:16px}.comment-reply-title small{font-size:13px;font-weight:400;margin-inline-start:15px}.comment-notes,.logged-in-as{font-size:13px;color:var(--ink-muted);margin-block:16px}.logged-in-as a{text-decoration:underline}.comment-form>p{margin-bottom:20px}.comment-form label{display:block;font-weight:600;margin-bottom:8px;font-size:15px}.comment-form-cookies-consent{display:flex;gap:10px;align-items:start}.comment-form-cookies-consent label{font-size:13px;font-weight:400}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],textarea,select{width:100%;max-width:100%;border:1px solid #a3ab96;border-radius:5px;padding:12px 14px;background:#fafaf5;color:var(--ink);caret-color:var(--accent-dark);min-height:48px}
input::placeholder,textarea::placeholder{color:#6d7463;opacity:1}
input[type=email],input[type=url]{direction:ltr;text-align:start}
textarea{resize:vertical;min-height:140px;line-height:1.7}
input[type=checkbox],input[type=radio]{accent-color:var(--accent-dark);width:18px;height:18px;flex:none;margin:4px 0}
input[type=submit],.devex-form button[type=submit],.devex-actions button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;background:var(--ink);color:var(--paper);border:0;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer}
input[type=submit]:hover,.devex-form button[type=submit]:hover,.devex-actions button:hover{background:#353d2b}
.search-form{display:flex;max-width:650px;position:relative;margin-top:30px}.search-form input[type=search]{padding-inline-end:65px;min-height:60px;background:transparent;font-size:18px}.search-form button{position:absolute;inset-inline-end:0;top:0;bottom:0;width:58px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);border:0}.search-summary{margin-bottom:32px;font-size:15px;color:var(--ink-muted)}
.empty-state{padding:45px 0}.empty-state h2{font-size:30px;margin-bottom:16px}.empty-state p{color:var(--ink-muted);max-width:62ch}.empty-state .text-link{margin-top:22px}
.not-found{padding-block:60px 100px}.error-code{font-family:Manrope,sans-serif;font-size:clamp(100px,18vw,230px);font-weight:800;line-height:1.2;letter-spacing:-.04em;direction:ltr;text-align:start}.error-code span{color:var(--accent)}.not-found h1{font-size:clamp(32px,4vw,52px);margin-top:24px;max-width:23ch}.not-found p{max-width:60ch;margin-top:20px;color:var(--ink-muted)}
.devex-community,.devex-join{margin-top:30px}.devex-community h2,.devex-join h2{font-size:30px;line-height:1.35;margin-block:35px 18px}.devex-community h3,.devex-join h3{font-size:24px;line-height:1.35}.devex-community p,.devex-join p{max-width:68ch;line-height:1.8;margin-block:14px}.devex-community a:not(.button),.devex-join a:not(.button){text-decoration:underline}
.devex-form{max-width:720px;margin-block:28px 45px}.devex-field{margin-bottom:22px}.devex-field>label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.devex-field>small,.devex-field>p{display:block;font-size:13px;color:var(--ink-muted);margin-top:7px}.devex-field:has(input[type=checkbox])>label{display:block;position:relative;padding-inline-start:29px;font-size:14px;font-weight:400;line-height:1.75}.devex-field:has(input[type=checkbox])>label input[type=checkbox]{position:absolute;inset-inline-start:0;top:.2em;margin:0}.devex-field-error{color:#a02516;font-size:13px;margin-top:7px}.devex-form fieldset{border:1px solid var(--paper-line);border-radius:var(--radius);padding:24px;margin-bottom:24px}.devex-form legend{font-size:16px;font-weight:600;padding-inline:8px}.devex-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:26px}.devex-actions a{font-size:14px}
.devex-notice{max-width:780px;padding:17px 22px;background:#e3e7d6;color:#38442c;border-radius:5px;line-height:1.8;margin-block:24px;font-size:15px}.devex-notice--error{background:#f2dfd6;color:#8e2e15}.devex-notice--success{background:#e0e9d6;color:#35452a}
.devex-discussion-list{list-style:none;padding:0;margin-block:30px}.devex-discussion{padding-block:27px;border-bottom:1px solid var(--paper-line)}.devex-discussion:first-child{border-top:1px solid var(--paper-line)}.devex-discussion h3{font-size:25px;margin-block:10px}.devex-discussion h3 a{text-decoration:none!important}.devex-discussion h3 a:hover{text-decoration:underline!important}.devex-discussion p{font-size:15px;color:var(--ink-muted)}.devex-discussion-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:var(--ink-muted);font-size:12px}.devex-tag{display:inline-block;border:1px solid #bfc3b4;border-radius:3px;padding:2px 8px;font-size:11px}.devex-community details{border-block:1px solid var(--paper-line);padding-block:22px}.devex-community summary{font-weight:600;cursor:pointer;font-size:20px}.devex-community .devex-pagination{display:flex;gap:20px;margin-top:30px}
.devex-account-details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 28px;padding-block:24px;margin-block:25px;border-block:1px solid var(--paper-line);font-size:15px}.devex-account-details dt{font-weight:600}.devex-account-details dd{margin:0;overflow-wrap:anywhere}
.alignwide{max-width:1100px}.aligncenter{margin-inline:auto}.wp-caption-text,.wp-element-caption{font-size:13px;color:var(--ink-muted);margin-top:10px}.wp-block-image{margin-block:32px}
@keyframes flow-draw{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}

@media(min-width:1550px){.hero{padding-block:105px 96px}.workflow-map{height:310px}.hero h1{font-size:92px}}
@media(max-width:1100px){.site-navigation{gap:20px}.site-navigation .button{font-size:12px;gap:12px}.hero{gap:35px;padding-block:62px}.hero h1{font-size:clamp(48px,6vw,72px)}.hero-description{font-size:18px}.hero-actions{gap:20px}.hero-actions .button{font-size:14px;padding-inline:18px}.hero-actions .text-link{font-size:14px}.workflow-map{height:250px}.home-editorial{gap:38px}.featured-art{gap:14px;height:220px}.art-bracket{font-size:175px}.manifesto{gap:60px}}
@media(max-width:850px){:root{--space:30px}.header-inner{min-height:84px}.brand{font-size:37px}.site-navigation{gap:16px}.site-navigation>a:not(.button){font-size:13px}.site-navigation .language-switch{padding-inline:13px}.site-navigation .button{display:none}.hero{grid-template-columns:1fr;gap:48px;padding-block:58px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(55px,9vw,78px)}.hero-description{font-size:20px;max-width:45ch}.hero-actions .button{font-size:16px;padding-inline:24px}.hero-actions .text-link{font-size:16px}.hero-footnote{font-size:14px}.workflow{max-width:600px;width:100%;margin-inline:auto}.workflow-map{height:260px}.workflow-caption{font-size:12px}.workflow-demo{display:grid;grid-template-columns:145px 1fr;gap:24px;border-top:1px solid var(--line);padding-top:20px}.workflow-tabs{flex-direction:column;border:0;align-self:start}.workflow-tabs button{text-align:start;border:0;border-inline-start:2px solid transparent;padding:10px 14px}.workflow-tabs button[aria-selected=true]{border-inline-start-color:var(--accent)}.workflow-panel{padding-top:0;min-height:125px}.workflow-panel code{font-size:11px}.workflow-panel p{font-size:11px}.focus-strip>.shell{font-size:11px;gap:14px}.library-preview{padding-block:58px}.section-heading h2{font-size:36px}.home-editorial{gap:30px}.home-article-list .article-row h3{font-size:21px}.home-article-list .article-row{gap:16px;padding-block:22px}.home-article-list .article-row p{font-size:13px}.home-article-list .article-arrow{width:34px;height:34px}.featured-art{height:205px;gap:15px}.art-type{font-size:36px}.art-bracket{font-size:135px}.featured-article h3{font-size:27px}.featured-article>p{font-size:14px}.article-meta{font-size:10px;gap:7px 10px}.article-meta>span+span:not(.sample-label):before{margin-inline-end:10px}.sample-label{font-size:9px}.manifesto{gap:45px;padding-block:65px}.manifesto h2{font-size:36px}.manifesto-intro>p{font-size:16px}.principles h3{font-size:21px}.principles p{font-size:14px}.invite-inner{gap:24px}.invite-inner h2{font-size:34px}.invite-inner p{font-size:15px}.invite-inner>.button{font-size:14px;padding-inline:18px;gap:18px}.footer-top p{font-size:16px}.footer-top .text-link{font-size:14px}.footer-bottom{font-size:11px}.footer-bottom nav{gap:18px}}
@media(max-width:600px){:root{--space:22px}.header-inner{min-height:78px;flex-wrap:wrap;gap:0;position:relative}.brand{font-size:35px}.menu-toggle{display:flex;align-items:center;gap:10px;padding:10px 0;background:transparent;color:var(--paper);border:0;font-size:13px}.site-navigation{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-block:12px 22px}.menu-ready .site-navigation{display:none}.menu-ready .site-navigation.is-open{display:flex}.site-navigation>a:not(.button){padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.site-navigation .language-switch{border-inline:0}.site-navigation .button{display:inline-flex;margin-top:20px;align-self:start;font-size:14px}.hero{padding-block:44px 40px;gap:42px}.hero h1{font-size:clamp(49px,12.8vw,72px);line-height:1.12;letter-spacing:-.035em}.devex-en .hero h1{font-size:clamp(42px,11.5vw,60px)}.hero-description{font-size:18px;margin-top:22px;line-height:1.8}.hero-actions{gap:20px;margin-top:26px}.hero-actions .button{font-size:14px;min-height:52px;padding-inline:19px;gap:20px}.hero-actions .text-link{font-size:14px}.hero-footnote{font-size:12px;margin-top:20px;max-width:43ch}.workflow-caption{font-size:10px}.workflow-map{height:225px}.workflow-node{width:77px;height:81px;font-size:10px}.node-build{left:calc(50% - 38px);top:calc(50% - 40px)}.node-symbol{font-size:29px}.node-build>svg{width:36px;height:36px}.node-review>svg{width:30px;height:30px}.workflow-side-label{font-size:9px}.workflow-demo{display:block;border:0;padding-top:0;padding-bottom:15px}.workflow-tabs{flex-direction:row;border-block:1px solid var(--line)}.workflow-tabs button{text-align:center;border:0;border-bottom:2px solid transparent;padding:11px 6px;font-size:11px}.workflow-tabs button[aria-selected=true]{border-bottom-color:var(--accent)}.workflow-panel{padding-top:16px;min-height:125px}.workflow-panel code{font-size:10px}.workflow-panel p{font-size:11px;margin-top:12px}.focus-strip>.shell{justify-content:center;flex-wrap:wrap;gap:12px;padding-block:16px;font-size:9px;letter-spacing:0}.focus-strip span[aria-hidden]{font-size:13px}.library-preview{padding-block:46px 54px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:28px}.section-heading h2{font-size:32px}.section-heading p{font-size:15px;margin-top:10px}.section-heading>.text-link{font-size:14px}.home-editorial{grid-template-columns:1fr;gap:40px}.featured-art{height:225px;gap:35px;margin-bottom:20px}.art-type{font-size:44px}.art-bracket{font-size:172px}.featured-article h3{font-size:28px;margin-top:12px}.featured-article>p{font-size:15px}.featured-article>.text-link{font-size:14px;margin-top:18px}.article-meta{font-size:11px;gap:8px 12px}.sample-label{font-size:9px}.home-article-list{border-top:1px solid var(--paper-line)}.home-article-list .article-row,.home-article-list .article-row:first-child{padding-block:24px}.home-article-list .article-row h3{font-size:23px}.home-article-list .article-row p{font-size:14px}.manifesto{grid-template-columns:1fr;gap:36px;padding-block:50px}.manifesto h2{font-size:35px}.manifesto-intro>p{font-size:17px;margin-top:18px}.manifesto-intro>.text-link{font-size:14px;margin-top:22px}.principles>div{padding-block:24px}.principles h3{font-size:22px}.principles p{font-size:15px}.community-invite{padding-block:38px}.invite-inner{flex-direction:column;align-items:start;gap:25px}.invite-inner h2{font-size:34px;line-height:1.3}.invite-inner p{font-size:16px;margin-top:13px}.site-footer{padding-top:36px}.footer-top{display:block}.footer-top p{font-size:16px;max-width:27ch}.footer-top .text-link{margin-top:18px;font-size:14px}.footer-wordmark{font-size:25vw;margin:20px 0 24px}.footer-bottom{flex-direction:column;gap:17px;font-size:11px;padding-block:22px 28px}.footer-bottom nav{gap:22px}.page-main{padding-block:36px 65px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:43px;line-height:1.25}.back-link{font-size:12px;margin-bottom:18px}.page-content-wide>p{font-size:17px;line-height:1.9}.prose{font-size:17px;line-height:1.95}.prose h2{font-size:28px;margin-top:36px}.prose h3{font-size:23px}.prose pre{padding:17px;font-size:12px}.prose blockquote{font-size:21px}.prose table{display:block;overflow:auto;font-size:13px}.library{margin-top:28px}.topic-filter{gap:7px;padding-block:14px;margin-bottom:28px}.topic-filter a{font-size:12px;padding:8px 10px}.library .article-row{gap:15px;padding-block:25px}.library .article-row h3{font-size:24px}.article-row p{font-size:14px}.article-arrow{width:35px;height:35px}.article-arrow .icon{width:20px}.single-main{padding-block:34px 55px}.article-heading h1{font-size:36px;line-height:1.32;margin-block:18px}.article-byline{padding-bottom:23px;margin-bottom:24px;font-size:12px}.sample-disclosure{font-size:12px;padding:14px 16px;margin-bottom:28px}.article-body{margin-top:25px}.related-articles{margin-top:55px;padding-top:36px}.related-articles h2{font-size:30px}.comments-area{margin-top:42px;padding-top:30px}.comments-area>h2{font-size:27px}.comment-reply-title{font-size:23px}.search-form input[type=search]{font-size:16px}.devex-community h2,.devex-join h2{font-size:27px}.devex-form fieldset{padding:18px}.devex-notice{padding:15px 17px;font-size:14px}.devex-actions{gap:18px}.devex-discussion h3{font-size:23px}.not-found{padding-block:45px 65px}.not-found h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.workflow-path{stroke-dashoffset:0}}
@media print{body,.section-light{background:white;color:black}.site-header,.site-footer,.related-articles,.comments-area,.back-link,.sample-disclosure{display:none}.shell{width:100%}.single-main{padding:0}.article-heading,.article-body{max-width:none}.prose a{color:black;text-decoration:underline}.prose pre{white-space:pre-wrap;color:black;background:#eee}}