.graphical-pages{min-height:100dvh}.graphical-pages .masthead{background:color-mix(in srgb, var(--paper) 94%, transparent);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.graphical-pages .page-breadcrumbs{color:#71838f;padding-top:24px;font-size:11px}.graphical-pages .page-breadcrumbs ol,.graphical-pages .page-breadcrumbs li{align-items:center;gap:9px;margin:0;padding:0;list-style:none;display:flex}.graphical-pages .page-breadcrumbs svg{stroke-width:1.4px;width:11px;height:11px}.graphical-pages .page-breadcrumbs a:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.graphical-pages .page-hero{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:56px;min-height:520px;padding-block:45px 64px;display:grid}.graphical-pages .page-hero-copy .eyebrow{margin-bottom:18px}.graphical-pages .page-hero h1{letter-spacing:-3px;font-size:clamp(48px,5.1vw,72px);line-height:1.04}.graphical-pages .page-hero-copy>p{max-width:590px;font-family:var(--serif);color:#506776;margin-top:20px;font-size:18px;line-height:1.55}.graphical-pages .page-hero-actions,.graphical-pages .page-inline-actions{flex-wrap:wrap;align-items:center;gap:11px;margin-top:25px;display:flex}.graphical-pages .page-paper-stack{isolation:isolate;min-width:0;padding:38px 42px 42px 24px;position:relative}.graphical-pages .page-paper-stack:before{content:"";z-index:-3;background:radial-gradient(#b7d0dd47,#0000 67%);position:absolute;inset:-25px -10px -20px -60px}.graphical-pages .page-paper-back{z-index:-2;background:#eef2f2;border:1px solid #d7dfe2;position:absolute;inset:50px 19px 29px 47px;transform:rotate(6deg);box-shadow:0 12px 28px #203b4e17}.graphical-pages .page-paper-back.second{z-index:-1;background:#f4f6f5;inset:39px 53px 39px 4px;transform:rotate(-5deg)}.graphical-pages .page-paper-main{transition:transform .45s var(--ease);background:#fff;border:1px solid #d5dee2;padding:20px;transform:rotate(1.4deg);box-shadow:0 18px 28px -13px #233f5538}.graphical-pages .page-paper-stack:hover .page-paper-main{transform:rotate(0)}.graphical-pages .page-paper-main figcaption{font-family:var(--serif);margin-bottom:10px;font-size:20px;line-height:1.25}.graphical-pages .page-paper-main img{aspect-ratio:760/430;object-fit:contain}.graphical-pages .page-hand-note{color:#3772a1;max-width:180px;font-family:var(--serif);font-size:15px;font-style:italic;line-height:1.35;position:absolute;bottom:7px;right:6px;transform:rotate(-5deg)}.graphical-pages .page-section{border-top:1px solid var(--line);padding-block:58px}.graphical-pages .page-section-heading{max-width:760px;margin-bottom:30px}.graphical-pages .page-section-heading .eyebrow{margin-bottom:12px}.graphical-pages .page-section-heading h2{max-width:700px}.graphical-pages .page-section-heading p{max-width:670px;margin-top:12px;font-size:13px;line-height:1.8}.graphical-pages .page-tag{color:#4c718b;background:#f3f7f8;border:1px solid #cddae2;border-radius:999px;align-items:center;min-height:23px;padding:2px 9px;font-size:9px;line-height:1.4;display:inline-flex}.graphical-pages .page-tags{flex-wrap:wrap;gap:6px;display:flex}.graphical-pages .page-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.graphical-pages .page-card{min-width:0;transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;background:#fff;border:1px solid #d5e0e5;border-radius:5px;overflow:hidden}.graphical-pages .page-card:hover,.graphical-pages .page-card:focus-within{border-color:#abc0ce;transform:translateY(-3px);box-shadow:0 12px 25px #1c3e5714}.graphical-pages .page-card-visual{background:#f8faf9;border-bottom:1px solid #e1e8eb;place-items:center;width:100%;min-height:205px;padding:17px;display:grid;position:relative}.graphical-pages .page-card-preview-trigger{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in;border:0;border-bottom:1px solid #e1e8eb}.graphical-pages .page-card-preview-trigger:focus-visible{outline-offset:-3px;outline:3px solid #377e99}.graphical-pages .page-card-preview-icon{color:#285d73;opacity:0;background:#fffffff0;border:1px solid #c9d9e1;border-radius:999px;place-items:center;width:30px;height:30px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.9);box-shadow:0 4px 12px #153b4e1f}.graphical-pages .page-card-preview-icon svg{width:15px;height:15px}.graphical-pages .page-card-preview-trigger:hover .page-card-preview-icon,.graphical-pages .page-card-preview-trigger:focus-visible .page-card-preview-icon{opacity:1;transform:scale(1)}.graphical-pages .page-card-visual img{object-fit:contain;max-height:180px}.graphical-pages .page-card-body{padding:16px}.graphical-pages .page-card-kind{color:#567182;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:700;display:block}.graphical-pages .page-card h3{font-family:var(--serif);margin-top:10px;font-size:20px;line-height:1.25}.graphical-pages .page-card p{margin-top:8px;font-size:11px;line-height:1.75}.graphical-pages .page-card-link{color:var(--blue);border-bottom:1px solid #b3c5d0;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:inline-flex}.graphical-pages .page-card-link svg{width:13px;height:13px}.graphical-pages .page-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.graphical-pages .page-search{flex:300px;position:relative}.graphical-pages .page-search svg{color:#668090;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.graphical-pages .page-search input,.graphical-pages .page-select,.graphical-pages .page-textarea,.graphical-pages .page-file-label{width:100%;color:var(--ink);background:#fff;border:1px solid #c9d8e1;border-radius:4px;font-size:12px}.graphical-pages .page-search input{min-height:43px;padding:10px 13px 10px 40px}.graphical-pages .page-select{width:auto;min-width:150px;min-height:43px;padding:9px 12px}.graphical-pages .page-empty{text-align:center;color:#617887;border:1px dashed #b9cad4;grid-column:1/-1;padding:42px}.graphical-pages .page-closing h2{max-width:520px}.graphical-pages .public-footer{background:var(--paper)}.graphical-pages .footer-motto svg{width:13px;height:13px}.graphical-pages .maker-hero{padding-block:48px 62px}.graphical-pages .maker-heading{max-width:850px;margin-bottom:32px}.graphical-pages .maker-heading .eyebrow{margin-bottom:14px}.graphical-pages .maker-heading h1{letter-spacing:-3px;font-size:clamp(48px,5.4vw,74px)}.graphical-pages .maker-heading>p{max-width:690px;font-family:var(--serif);margin-top:15px;font-size:18px}.graphical-pages .maker-workspace{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:stretch;gap:22px;display:grid}.graphical-pages .maker-panel,.graphical-pages .maker-preview{background:#fff;border:1px solid #cfdae0;border-radius:6px;box-shadow:0 12px 30px #233f5510}.graphical-pages .maker-panel{padding:22px;position:relative}.graphical-pages .maker-mode-tabs{border-bottom:1px solid #dce4e8;grid-template-columns:repeat(3,minmax(0,1fr));margin:-22px -22px 21px;display:grid}.graphical-pages .maker-mode-tabs button,.graphical-pages .maker-mode-tabs a{color:#617483;background:0 0;border:0;border-right:1px solid #e0e7ea;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:10px;display:flex}.graphical-pages .maker-mode-tabs [aria-pressed=true]{color:#275f89;box-shadow:inset 0 -2px #3479ad}.graphical-pages .maker-mode-tabs svg{width:15px;height:15px}.graphical-pages .maker-panel>label,.graphical-pages .maker-options-grid label>span:first-child{color:var(--ink);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.graphical-pages .page-textarea{resize:vertical;min-height:126px;padding:13px;line-height:1.65}.graphical-pages .maker-counter{text-align:right;color:#7a8c97;pointer-events:none;margin-top:-23px;padding-right:9px;font-size:9px}.graphical-pages .maker-prompt-guidance{color:#a66d1f;min-height:18px;margin:8px 0 0;font-size:11px;line-height:1.5}.graphical-pages .maker-prompts{color:#6e818d;flex-wrap:wrap;align-items:center;gap:6px;margin-top:17px;font-size:9px;display:flex}.graphical-pages .maker-prompts button{color:#416b89;background:#f6f9fa;border:1px solid #d4dfe5;border-radius:999px;padding:3px 8px;font-size:8px}.graphical-pages .maker-options-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.graphical-pages .maker-options-grid .page-select{width:100%;min-width:0}.graphical-pages .maker-file{margin-top:16px;display:block;position:relative}.graphical-pages .maker-project{margin-top:16px}.graphical-pages .maker-project>label{color:var(--ink);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.graphical-pages .maker-project .page-select{width:100%}.graphical-pages .maker-file input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.graphical-pages .page-file-label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;align-items:center;gap:7px;min-height:43px;padding:9px 11px;display:flex;overflow:hidden}.graphical-pages .page-file-label svg{flex:none;width:15px}.graphical-pages .maker-generate{width:100%;margin-top:19px}.graphical-pages .maker-generate:disabled{cursor:wait;opacity:.72;transform:none}.graphical-pages .maker-spinner{animation:.85s linear infinite maker-spin}@keyframes maker-spin{to{transform:rotate(360deg)}}.graphical-pages .maker-source-context{background:#eef5f8;border-left:2px solid #75a3bf;justify-content:space-between;align-items:center;gap:12px;margin:-5px 0 15px;padding:9px 11px;font-size:9px;display:flex}.graphical-pages .maker-source-context button{color:#356d92;text-underline-offset:3px;background:0 0;border:0;font-size:9px;text-decoration:underline}.graphical-pages .maker-credit-row{color:#5e7482;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:9px;display:flex}.graphical-pages .maker-credit-row span{align-items:center;gap:6px;display:flex}.graphical-pages .maker-credit-row svg{color:#3c769c;width:14px;height:14px}.graphical-pages .maker-status{color:#617887;text-align:center;min-height:18px;margin-top:9px;font-size:9px}.graphical-pages .maker-status.error{color:#98483f}.graphical-pages .maker-status.processing{color:#315f7e}.graphical-pages .maker-preview{background:#f7f9f8;padding:16px}.graphical-pages .maker-preview-head{justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.graphical-pages .maker-preview-head>span{align-items:center;gap:7px;display:flex}.graphical-pages .maker-preview-head svg{width:14px}.graphical-pages .maker-preview .page-paper-stack{padding:28px 26px 41px 5px}.graphical-pages .maker-results{background:#fff;border:1px solid #cfdae0;border-radius:6px;margin-top:28px;padding:25px}.graphical-pages .maker-results-head{justify-content:space-between;align-items:end;gap:18px;display:flex}.graphical-pages .maker-results-head h2{margin-top:7px;font-size:28px}.graphical-pages .maker-results-head .btn{min-height:38px}.graphical-pages .maker-results-head .btn svg{width:14px}.graphical-pages .maker-results-actions{flex-wrap:wrap;gap:8px;display:flex}.graphical-pages .maker-results-note{margin-top:9px;font-size:10px}.graphical-pages .maker-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.graphical-pages .maker-result-card{background:#f8faf9;border:1px solid #d6e0e5;overflow:hidden}.graphical-pages .maker-result-card>img{aspect-ratio:16/9;object-fit:contain;background:#fff;padding:12px}.graphical-pages .maker-result-card>div{border-top:1px solid #dce4e8;padding:13px}.graphical-pages .maker-result-card span,.graphical-pages .maker-result-card a{color:#3d7394;align-items:center;gap:6px;font-size:9px;display:inline-flex}.graphical-pages .maker-result-card span svg,.graphical-pages .maker-result-card a svg{width:13px}.graphical-pages .maker-result-card h3{font-family:var(--serif);margin-block:6px 9px;font-size:17px}.graphical-pages .maker-result-card a{border-bottom:1px solid #aac0ce}.graphical-pages .maker-result-skeleton{background:linear-gradient(100deg,#eef3f5 30%,#fafcfc 48%,#eef3f5 66%) 0 0/240% 100%;border:1px solid #d7e1e5;min-height:240px;animation:1.2s ease-in-out infinite maker-shimmer}@keyframes maker-shimmer{to{background-position-x:-200%}}.graphical-pages .maker-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.graphical-pages .maker-steps article{border-top:1px solid #bfcdd5;padding:21px 18px 5px 52px;position:relative}.graphical-pages .maker-steps article>span{color:#2f6c98;width:34px;height:34px;font-family:var(--serif);background:#eaf2f6;border:1px solid #bdd2df;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;left:0}.graphical-pages .maker-steps h3{font-family:var(--serif);font-size:21px}.graphical-pages .maker-steps p{margin-top:7px;font-size:11px}.graphical-pages .maker-detail-grid{grid-template-columns:.75fr 1.25fr;gap:70px;display:grid}.graphical-pages .maker-detail-grid h2{margin-top:12px}.graphical-pages .maker-detail-grid>div>p{margin-top:15px;font-size:13px;line-height:1.85}.graphical-pages .maker-checks{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}.graphical-pages .maker-checks>div{border-bottom:1px solid #dce4e7;gap:12px;padding-bottom:17px;display:flex}.graphical-pages .maker-checks svg{color:#3c789f;width:18px}.graphical-pages .maker-checks strong{font-family:var(--serif);font-size:17px;font-weight:400;display:block}.graphical-pages .maker-checks span{color:#667a87;font-size:10px}.graphical-pages .maker-faq-list{grid-template-columns:1fr 1fr;gap:0 34px;display:grid}.graphical-pages .maker-faq-list details{border-bottom:1px solid #d4dee3;padding-block:15px}.graphical-pages .maker-faq-list summary{cursor:pointer;font-family:var(--serif);font-size:18px}.graphical-pages .maker-faq-list p{padding-top:9px;font-size:11px}@media (width<=980px){.graphical-pages .maker-workspace{grid-template-columns:1fr}.graphical-pages .maker-preview .page-paper-stack{max-width:680px;margin-inline:auto}}@media (width<=760px){.graphical-pages .maker-heading h1{font-size:clamp(39px,11vw,58px)}.graphical-pages .maker-options-grid,.graphical-pages .maker-steps,.graphical-pages .maker-detail-grid,.graphical-pages .maker-checks,.graphical-pages .maker-faq-list,.graphical-pages .maker-result-grid{grid-template-columns:1fr}.graphical-pages .maker-results-head,.graphical-pages .maker-credit-row{flex-direction:column;align-items:flex-start}.graphical-pages .maker-detail-grid{gap:30px}}.graphical-pages .software-principles{color:#4d6c80;gap:8px;margin-top:22px;font-size:10px;display:grid}.graphical-pages .software-principles span{align-items:center;gap:8px;display:flex}.graphical-pages .software-principles svg{color:#36749d;width:15px}.graphical-pages .software-disclosure{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:35px;padding-block:25px;display:grid}.graphical-pages .software-disclosure strong{font-family:var(--serif);font-size:18px;font-weight:400}.graphical-pages .software-disclosure p{font-size:10px;line-height:1.8}.graphical-pages .software-table-wrap{border:1px solid #d2dee4;overflow-x:auto}.graphical-pages .software-table-wrap table{border-collapse:collapse;background:#fff;width:100%;min-width:980px;font-size:10px}.graphical-pages .software-table-wrap th,.graphical-pages .software-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #dce4e8;border-right:1px solid #dce4e8;min-width:160px;padding:12px 14px}.graphical-pages .software-table-wrap th:first-child{min-width:145px}.graphical-pages .software-table-wrap thead th{color:#31566f;font-family:var(--serif);background:#eaf2f6;font-size:13px;font-weight:400}.graphical-pages .software-table-wrap tbody th{color:#4c6879;font-weight:600}.graphical-pages .software-table-wrap th:nth-child(2),.graphical-pages .software-table-wrap td:nth-child(2){background:#f0f7fa}.graphical-pages .software-verified{margin-top:13px;font-size:9px}.graphical-pages .software-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.graphical-pages .software-tool-grid>article{background:#fff;border:1px solid #d2dee4;padding:25px}.graphical-pages .software-tool-grid h2{margin-top:13px;font-size:29px}.graphical-pages .software-tool-grid article>p{margin-top:10px;font-size:11px;line-height:1.8}.graphical-pages .software-tool-grid ul{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.graphical-pages .software-tool-grid li{color:#5e7482;gap:9px;font-size:10px;display:flex}.graphical-pages .software-tool-grid li svg{color:#39769c;width:14px}.graphical-pages .software-tool-grid .text-link{margin-top:19px}.graphical-pages .software-method{grid-template-columns:.8fr 1.2fr;gap:60px;display:grid}.graphical-pages .software-method h2{margin-block:12px 15px}.graphical-pages .software-method>div>p{font-size:12px;line-height:1.85}@media (width<=760px){.graphical-pages .software-disclosure,.graphical-pages .software-tool-grid,.graphical-pages .software-method{grid-template-columns:1fr}}.graphical-pages .publisher-reviewed{color:#6b808c;gap:10px;margin-top:20px;font-size:10px;display:flex}.graphical-pages .publisher-reviewed strong{color:var(--ink)}.graphical-pages .publisher-overview,.graphical-pages .publisher-policy,.graphical-pages .publisher-next{grid-template-columns:1.05fr .95fr;gap:70px;display:grid}.graphical-pages .publisher-overview h2,.graphical-pages .publisher-policy h2,.graphical-pages .publisher-next h2{margin-block:12px 17px}.graphical-pages .publisher-overview>div>p,.graphical-pages .publisher-policy>div>p,.graphical-pages .publisher-next>div>p{font-size:12px;line-height:1.85}.graphical-pages .publisher-notice,.graphical-pages .publisher-policy-card{background:#edf4f7;border:1px solid #cfdde5;align-self:center;gap:14px;padding:22px;display:flex}.graphical-pages .publisher-notice>svg,.graphical-pages .publisher-policy-card>svg{color:#3d7599;flex:none;width:20px}.graphical-pages .publisher-notice strong,.graphical-pages .publisher-policy-card strong{font-family:var(--serif);font-size:18px;font-weight:400;display:block}.graphical-pages .publisher-notice p,.graphical-pages .publisher-policy-card p{margin-top:8px;font-size:10px;line-height:1.75}.graphical-pages .publisher-spec-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:25px;display:grid}.graphical-pages .publisher-table-wrap{border:1px solid #d4dfe4;overflow-x:auto}.graphical-pages .publisher-table-wrap table{border-collapse:collapse;background:#fff;width:100%;min-width:560px;font-size:11px}.graphical-pages .publisher-table-wrap th,.graphical-pages .publisher-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #dde5e8;padding:11px 14px}.graphical-pages .publisher-table-wrap thead th{color:#37566c;font-family:var(--serif);background:#e9f1f5;font-size:13px;font-weight:400}.graphical-pages .publisher-table-wrap tbody th{color:#4d687a;width:32%;font-weight:500}.graphical-pages .publisher-file-rules{background:#edf4f7;border:1px solid #d1dee4;padding:22px}.graphical-pages .publisher-file-rules h3{font-family:var(--serif);margin-bottom:14px;font-size:22px}.graphical-pages .publisher-file-rules>div{border-bottom:1px solid #d3e0e6;grid-template-columns:65px 1fr;gap:10px;padding:10px 0;font-size:10px;display:grid}.graphical-pages .publisher-file-rules strong{color:#2f6385}.graphical-pages .publisher-file-rules span{color:#607786}.graphical-pages .publisher-source{margin-top:14px;font-size:9px}.graphical-pages .publisher-source a,.graphical-pages .publisher-policy .text-link{color:#356c90}.graphical-pages .publisher-source svg{width:11px;display:inline}.graphical-pages .publisher-policy .text-link{margin-top:17px}.graphical-pages .publisher-policy-card{background:#faf5e8;border-color:#d9caa9;display:block}.graphical-pages .publisher-policy-card>svg{color:#8f6c2f}.graphical-pages .publisher-next-links{border-top:1px solid #d5e0e4;align-self:center;display:grid}.graphical-pages .publisher-next-links a{color:#356a8c;font-family:var(--serif);border-bottom:1px solid #d5e0e4;justify-content:space-between;align-items:center;padding:15px 2px;font-size:17px;display:flex}.graphical-pages .publisher-next-links svg{width:15px}@media (width<=760px){.graphical-pages .publisher-overview,.graphical-pages .publisher-policy,.graphical-pages .publisher-next,.graphical-pages .publisher-spec-grid{grid-template-columns:1fr;gap:28px}}@media (width<=460px){.graphical-pages .maker-mode-tabs{grid-template-columns:1fr}.graphical-pages .maker-mode-tabs button,.graphical-pages .maker-mode-tabs a{justify-content:flex-start;padding-inline:14px}}.graphical-pages .guide-meta{color:#6a7f8c;gap:12px;margin-top:20px;font-size:10px;display:flex}.graphical-pages .guide-meta span+span{border-left:1px solid #c8d4da;padding-left:12px}.graphical-pages .guide-layout{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:48px;padding-bottom:70px;display:grid}.graphical-pages .guide-toc{border-right:1px solid #d4dee3;align-self:start;margin-top:55px;padding-right:24px;position:sticky;top:112px}.graphical-pages .guide-toc>strong{font-family:var(--serif);font-size:18px;font-weight:400}.graphical-pages .guide-toc ol{color:#587084;margin:15px 0 23px;padding-left:18px;font-size:10px}.graphical-pages .guide-toc li{padding:6px 0}.graphical-pages .guide-toc a:not(.btn):hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.graphical-pages .guide-toc .btn{width:100%;padding-inline:13px}.graphical-pages .guide-article>section{border-bottom:1px solid #d9e2e6;padding-block:53px;scroll-margin-top:95px}.graphical-pages .guide-article h2{margin-block:12px 18px}.graphical-pages .guide-article>section>p{max-width:780px;font-size:13px;line-height:1.9}.graphical-pages .guide-article blockquote{color:#38566b;font-family:var(--serif);background:#edf4f7;border-left:2px solid #86a9bd;margin:24px 0 0;padding:20px 25px;font-size:18px}.graphical-pages .seo-cluster-article .seo-answer,.graphical-pages .seo-cluster-article .seo-source-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, var(--mist));border-radius:1.1rem;padding:clamp(1.25rem,3vw,2rem)}.graphical-pages .seo-cluster-article .seo-answer h2,.graphical-pages .seo-cluster-article .seo-source-panel h2{margin-top:.55rem}.graphical-pages .seo-cluster-article .seo-source-panel{border-style:dashed}.graphical-pages .seo-related{border-top:1px solid var(--line)}.graphical-pages .guide-principles,.graphical-pages .guide-mistakes,.graphical-pages .guide-checklist{grid-template-columns:1fr 1fr;gap:15px 28px;margin-top:27px;display:grid}.graphical-pages .guide-principles>div{background:#fff;border:1px solid #d7e1e5;padding:18px}.graphical-pages .guide-principles strong{font-family:var(--serif);font-size:18px;font-weight:400}.graphical-pages .guide-principles p{margin-top:6px;font-size:10px}.graphical-pages .guide-steps{margin-top:27px}.graphical-pages .guide-steps>div{border-bottom:1px solid #d9e2e6;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;display:grid}.graphical-pages .guide-steps>div>span{color:#306c96;width:34px;height:34px;font-family:var(--serif);background:#e4eff5;border-radius:50%;place-items:center;display:grid}.graphical-pages .guide-steps h3{font-family:var(--serif);font-size:20px}.graphical-pages .guide-steps p{margin-top:5px;font-size:11px}.graphical-pages .guide-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;display:grid}.graphical-pages .guide-example-grid .page-card-visual{min-height:150px}.graphical-pages .guide-mistakes>div{border-bottom:1px solid #d9e2e6;gap:11px;padding:13px 0;display:flex}.graphical-pages .guide-mistakes svg{color:#a94f48;width:16px}.graphical-pages .guide-mistakes strong{font-family:var(--serif);font-size:16px;font-weight:400;display:block}.graphical-pages .guide-mistakes span{color:#647986;font-size:10px}.graphical-pages .guide-checklist{background:#edf4f7;border:1px solid #d2dee4;padding:22px}.graphical-pages .guide-checklist>div{color:#496679;gap:9px;font-size:11px;display:flex}.graphical-pages .guide-checklist svg{color:#347399;width:15px}@media (width<=760px){.graphical-pages .guide-layout{grid-template-columns:1fr;gap:0}.graphical-pages .guide-toc{background:#fff;border:1px solid #d4dee3;margin-top:35px;padding:20px;position:static}.graphical-pages .guide-toc .btn{width:auto}.graphical-pages .guide-example-grid,.graphical-pages .guide-principles,.graphical-pages .guide-mistakes,.graphical-pages .guide-checklist{grid-template-columns:1fr}}.graphical-pages .template-benefits{color:#426984;flex-wrap:wrap;gap:10px 20px;margin-top:24px;font-size:10px;display:flex}.graphical-pages .template-benefits span{align-items:center;gap:7px;display:flex}.graphical-pages .template-benefits svg{width:15px}.graphical-pages .template-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.graphical-pages .template-library-card{min-width:0;transition:transform .25s var(--ease), box-shadow .25s;background:#fff;border:1px solid #d5e0e5;border-radius:5px;flex-direction:column;display:flex;overflow:hidden}.graphical-pages .template-library-card:hover,.graphical-pages .template-library-card:focus-within{transform:translateY(-3px);box-shadow:0 12px 24px #233f5515}.graphical-pages .template-library-image{background:#f7f9f8;border-bottom:1px solid #dfe7ea;place-items:center;min-height:160px;padding:13px;display:grid}.graphical-pages .template-library-image img{object-fit:contain;max-height:145px}.graphical-pages .template-library-body{flex-direction:column;flex:1;padding:14px;display:flex}.graphical-pages .template-library-body h3{font-family:var(--serif);margin-top:9px;font-size:17px;line-height:1.3}.graphical-pages .template-library-body>p{margin-top:7px;font-size:10px;line-height:1.7}.graphical-pages .template-library-actions{color:#386b8d;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:13px;font-size:10px;display:flex}.graphical-pages .template-library-actions a{align-items:center;gap:7px;display:flex}.graphical-pages .template-library-actions svg{width:14px;height:14px}.graphical-pages .template-library-actions a:last-child{border:1px solid #cfdae1;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.graphical-pages .template-library-actions .template-download-link{border:1px solid #cfdae1;border-radius:4px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.graphical-pages .template-library-actions .template-download-link+a{margin-left:-6px}.graphical-pages .template-format-section,.graphical-pages .template-detail-info{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.graphical-pages .template-format-section h2,.graphical-pages .template-detail-info h2{margin-top:12px}.graphical-pages .template-format-section>div>p{margin-top:13px;font-size:12px;line-height:1.8}.graphical-pages .template-format-options{grid-template-columns:1fr 1fr;gap:15px;display:grid}.graphical-pages .template-format-options article{background:#fff;border:1px solid #d3dfe4;padding:23px}.graphical-pages .template-format-options strong{font-family:var(--serif);font-size:24px;font-weight:400}.graphical-pages .template-format-options p{margin-top:9px;font-size:10px}.graphical-pages .template-detail-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding-block:42px 64px;display:grid}.graphical-pages .template-detail-copy h1{letter-spacing:-2.7px;margin-top:15px;font-size:clamp(42px,4.7vw,66px)}.graphical-pages .template-detail-copy>p:not(.template-detail-note){font-family:var(--serif);margin-block:18px;font-size:17px}.graphical-pages .template-detail-note{border-left:2px solid #8eafc2;margin-top:16px;padding-left:13px;font-size:10px}.graphical-pages .template-detail-info dl{margin-top:25px}.graphical-pages .template-detail-info dl>div{border-bottom:1px solid #d8e1e5;grid-template-columns:140px 1fr;gap:20px;padding:11px 0;font-size:11px;display:grid}.graphical-pages .template-detail-info dt{color:#5d7381}.graphical-pages .template-detail-info dd{color:var(--ink);margin:0}.graphical-pages .template-included>div{border-bottom:1px solid #d8e1e5;gap:12px;padding:12px 0;display:flex}.graphical-pages .template-included svg{color:#3d789e;width:17px}.graphical-pages .template-included strong{font-family:var(--serif);font-size:16px;font-weight:400;display:block}.graphical-pages .template-included span{color:#657987;font-size:10px}@media (width<=1100px){.graphical-pages .template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.graphical-pages .template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graphical-pages .template-format-section,.graphical-pages .template-detail-info,.graphical-pages .template-detail-hero{grid-template-columns:1fr;gap:30px}.graphical-pages .template-detail-preview{order:2}}@media (width<=460px){.graphical-pages .template-card-grid,.graphical-pages .template-format-options{grid-template-columns:1fr}}.graphical-pages .example-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:510px;margin-top:28px;display:grid}.graphical-pages .example-stats>div{border-left:1px solid #c7d3da;padding:4px 18px}.graphical-pages .example-stats>div:first-child{border-left:0;padding-left:0}.graphical-pages .example-stats strong,.graphical-pages .example-stats span{display:block}.graphical-pages .example-stats strong{font-family:var(--serif);font-size:25px;font-weight:400}.graphical-pages .example-stats span{color:#6d7e89;font-size:9px}.graphical-pages .result-count{color:#738591;margin:-12px 0 15px;font-size:10px}.graphical-pages .example-reading,.graphical-pages .biology-study{grid-template-columns:.75fr 1.25fr;gap:70px;display:grid}.graphical-pages .example-reading h2,.graphical-pages .biology-study h2{margin-top:13px}.graphical-pages .example-reading>div>p,.graphical-pages .biology-study>div>p{margin-top:14px;font-size:12px;line-height:1.85}.graphical-pages .example-reading .text-link{margin-top:18px}.graphical-pages .example-reading-list{grid-template-columns:1fr 1fr;gap:17px 28px;display:grid}.graphical-pages .example-reading-list>div{border-bottom:1px solid #d7e1e5;gap:12px;padding-bottom:16px;display:flex}.graphical-pages .example-reading-list svg{color:#3a769e;flex:none;width:17px}.graphical-pages .example-reading-list strong{font-family:var(--serif);font-size:17px;font-weight:400;display:block}.graphical-pages .example-reading-list span{color:#667a87;font-size:10px}.graphical-pages .biology-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.graphical-pages .biology-grid .page-card-visual{min-height:165px}.graphical-pages .biology-study-visual{grid-template-columns:.75fr auto 1.25fr;align-items:center;gap:14px;display:grid}.graphical-pages .biology-study-visual>svg{color:#3b7398;width:25px}.graphical-pages .biology-study-visual figure{background:#fff;border:1px solid #d4dee3;padding:13px;box-shadow:0 12px 25px #29465c12}.graphical-pages .biology-study-visual figure:first-child{transform:rotate(-3deg)}.graphical-pages .biology-study-visual figure:last-child{transform:rotate(2deg)}.graphical-pages .biology-study-visual figcaption{color:#71838e;margin-bottom:9px;font-size:9px}.graphical-pages .biology-study-visual img{aspect-ratio:1.45;object-fit:contain}.graphical-pages .biology-prompt-list{border-top:1px solid #d4dee3;grid-template-columns:1fr 1fr;display:grid}.graphical-pages .biology-prompt-list a{color:#315f7e;font-family:var(--serif);border-bottom:1px solid #d4dee3;justify-content:space-between;align-items:center;gap:20px;padding:17px 4px;font-size:17px;display:flex}.graphical-pages .biology-prompt-list a:nth-child(odd){padding-right:25px}.graphical-pages .biology-prompt-list a:nth-child(2n){padding-left:25px}.graphical-pages .biology-prompt-list svg{flex:none;width:15px}@media (width<=980px){.graphical-pages .biology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.graphical-pages .example-reading,.graphical-pages .biology-study,.graphical-pages .example-reading-list,.graphical-pages .biology-prompt-list{grid-template-columns:1fr}.graphical-pages .example-reading,.graphical-pages .biology-study{gap:30px}.graphical-pages .biology-prompt-list a:nth-child(n){padding-inline:4px}}@media (width<=460px){.graphical-pages .biology-grid{grid-template-columns:1fr}.graphical-pages .example-stats span{font-size:8px}}@media (width<=980px){.graphical-pages .page-hero{grid-template-columns:1fr 1fr;gap:24px}.graphical-pages .page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.graphical-pages .page-breadcrumbs{padding-top:18px}.graphical-pages .page-hero{grid-template-columns:1fr;gap:16px;min-height:0;padding-block:34px 44px}.graphical-pages .page-hero h1{letter-spacing:-2px;font-size:clamp(39px,11vw,58px)}.graphical-pages .page-paper-stack{width:100%;max-width:580px;margin-inline:auto;padding:27px 27px 42px 8px}.graphical-pages .page-hand-note{font-size:13px;right:2px}.graphical-pages .page-section{padding-block:42px}.graphical-pages .page-card-grid{grid-template-columns:1fr}.graphical-pages .page-card-visual{min-height:180px}.graphical-pages .page-closing .closing-inner{grid-template-columns:1fr}.graphical-pages .page-closing .btn{justify-self:start}}