:root{--paper:#111311;--white:#1a1d19;--ink:#f4f4ee;--muted:#afb5aa;--green:#20251e;--coral:#f3c623;--border:#353b31;--selected:#292f23;--r:14px;--mac-yellow:#f3c623;--mac-face:'TikTok Sans Variable',Inter,sans-serif}
html{scroll-behavior:smooth;background:var(--paper);scrollbar-color:#66705d #111311}body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#f3c623;color:#14170f}a{text-underline-offset:5px}button,a,input,select,summary{touch-action:manipulation}button{transition:background .18s,color .18s,border-color .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mac-yellow);outline-offset:5px}button:disabled{opacity:.4}button:not(:disabled):hover{border-color:#8b947f;background:#30372a}button:not(:disabled):active{transform:translateY(1px)}
.shell,.central .shell{max-width:1320px;padding:0 48px}.topbar,.central .topbar{min-height:108px;padding:24px 0;gap:24px;border-bottom:1px solid var(--border);align-items:center}.topbar .author img{width:48px;height:48px;object-fit:cover}.author strong,.central .author strong{font-size:14px}.author small,.central .author small{font-size:12px;color:var(--muted)}.topbar .help-link,.topbar-links{display:none}.mac-navigation{display:flex;gap:28px;align-items:center;margin-left:auto}.mac-navigation a{font-size:13px;font-weight:600;text-decoration:none;color:var(--muted);padding:12px 0}.mac-navigation a[aria-current=page],.mac-navigation a:hover{color:var(--ink)}.mac-navigation a[aria-current=page]{box-shadow:0 2px var(--mac-yellow)}.mac-share[data-slot=button]{height:42px;display:inline-flex;gap:10px;padding:0 15px;border:1px solid #444c3d;border-radius:7px;color:var(--ink);background:transparent;font:500 12px Inter,sans-serif;cursor:pointer;white-space:nowrap}.mac-share svg{width:15px;height:15px}
h1,h2,h3,.resource-art{font-family:var(--mac-face);font-weight:650}h1,h2,h3{text-wrap:balance;letter-spacing:-.025em}.intro,.catalog-intro{padding:64px 0 56px;gap:56px}.intro h1,.catalog-intro h1,.guide-intro h1{font-family:var(--mac-face);font-size:clamp(40px,5.1vw,68px);font-weight:650;line-height:1.05;letter-spacing:-.035em}.intro{grid-template-columns:1.5fr 1fr;align-items:end}.intro p,.catalog-intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:42ch}.intro p{margin:0}.catalog-intro{grid-template-columns:1.4fr 1fr}.intro h1 br,.catalog-intro h1 br{display:block}
.workspace{grid-template-columns:230px minmax(0,1fr);gap:40px}.library{padding-right:16px}.library h2{font:600 13px/1.5 Inter,sans-serif;margin-bottom:20px;color:var(--muted)}.library nav{gap:6px}.library nav button{font-size:13px;min-height:48px;border-radius:7px;padding:12px;background:transparent;color:#c3c9bc;border:1px solid transparent;text-align:left}.library nav button[aria-current=true],.library nav button[aria-pressed=true],.library nav button.active{background:#f3c623;color:#14170f;border-color:#f3c623}.library-note{padding-top:24px;color:#8d9883}.motion-heading h2{font-size:36px}.position{color:var(--mac-yellow);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:12px}.description{color:var(--muted);line-height:1.7}.primary,button.primary,.filter-bar [aria-pressed=true],.button-link.primary{background:var(--mac-yellow);border-color:var(--mac-yellow);color:#11170e}.primary:hover,button.primary:hover,.button-link.primary:hover{background:#ffe065;color:#11170e}.preview{background:#e6e8df;border:1px solid #535d49;border-radius:14px;overflow:hidden;padding:16px}.screen{background:#f4f2ec;border-radius:8px}.playback{padding:16px 0 22px;border-bottom:1px solid var(--border)}.playback input{accent-color:var(--mac-yellow)}.context-controls label,.where{color:var(--muted)}.context-controls input{background:var(--white);color:var(--ink);border-color:var(--border)}.section-heading h3{font-size:28px}.deliverable{padding-top:32px}.prompt-text{color:#e1e6db;line-height:1.9;font-size:15px;max-width:72ch}.code-box,.guide-chapter figure{background:#080b08;border:1px solid #343d2b;border-radius:10px;color:#d4dfca}.code-meta{background:#1c2118;border-color:var(--border);color:#b3bda8}.code-meta button{color:#e2e8dc}.how-to h2{font-size:32px}.how-to li{font-size:16px}.how-to>p{font-size:14px}.previous-next{padding:24px 0;border-top:1px solid var(--border)}
.catalog-tools{padding:24px 0;border-top:1px solid var(--border)}.catalog-tools h2{font:600 28px var(--mac-face)}.search-field{width:380px}.search-field label{font-size:12px;color:var(--muted)}.search-field input{background:#1a1f17;border-color:#4d5743;color:var(--ink);font-size:14px;border-radius:8px}.filter-bar{margin:0 0 32px;gap:8px}.filter-bar button{border-radius:6px;min-height:42px;color:var(--muted);border-color:var(--border)}.filter-bar [aria-pressed=true]{color:#14170f}.resource-grid{gap:40px 32px}.resource,.resource-web2,.resource-fx7{display:block;grid-column:auto;min-width:0}.resource:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}.resource:first-child .resource-copy{border:0;padding:16px 0}.resource .resource-art,.resource-web2 .resource-art,.resource-fx7 .resource-art{height:300px;min-height:300px;border-radius:12px;border:1px solid #3d4734;padding:32px;background:#222a1d;color:#f0f3e9}.resource:first-child .resource-art{height:360px}.resource .motion-art{padding:12px 8px 32px;background:#e2e5db}.resource .motion-art .art-caption{color:#465039}.resource .skill-art{background:#272d22}.resource .web2-art{background:#292820}.resource .fx7-art{background:#202823}.resource .skill-command,.resource .web2-art-flow,.resource .fx7-art-command{color:#f3c623}.resource .skill-lines{font-size:26px;line-height:1.4}.resource .web2-art-title,.resource .fx7-art-title{color:#f0f3e9;font-family:var(--mac-face);font-size:42px;font-weight:600}.resource .art-caption{font:12px/1.6 Inter,sans-serif;color:#bdc7b1}.resource-copy,.resource-web2 .resource-copy,.resource-fx7 .resource-copy{padding:24px 0;border-bottom:1px solid var(--border)}.resource-copy h3{font-size:34px;margin:0 0 16px}.resource-copy>p:not(.resource-type){font-size:15px;line-height:1.8;min-height:0;color:var(--muted)}.resource-link{color:var(--ink);padding:12px 0;font-weight:600}.resource-link span{color:var(--mac-yellow)}.delivery-note{padding:32px 0;gap:40px}.delivery-note h2{font:600 26px var(--mac-face)}.delivery-note p{font-size:15px;line-height:1.8}
.guide-intro,.web2 .guide-intro,.fx7 .guide-intro{max-width:100%;padding:40px 0 56px}.guide-intro h1{max-width:23ch;font-size:clamp(40px,4.6vw,62px)}.guide-intro>p{font-size:17px;line-height:1.8;max-width:68ch}.guide-intro .source-note{font-size:12px;color:#939f89}.breadcrumb{font-size:12px;margin-bottom:28px;color:#abb69f}.guide-actions{margin:28px 0 0;gap:12px}.button-link{border-radius:7px;border-color:#4b5541;color:var(--ink);font-size:13px;min-height:46px}.button-link:hover{background:#30382a}.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:64px}.guide-toc{padding:16px 20px 20px 0;top:24px}.guide-toc summary{font:600 13px Inter,sans-serif;margin-bottom:20px}.guide-toc a{font-size:12px;padding:10px 0;color:#a7b19c;border-bottom:1px solid transparent}.guide-toc a[data-current],.guide-toc a:hover{color:var(--mac-yellow)}.guide-content,.web2 .guide-content{max-width:78ch}.guide-chapter{padding:40px 0 48px}.guide-chapter h2{font-size:34px}.guide-chapter h3{font-size:22px;margin-top:28px}.guide-content p,.guide-content li,.fx7 .guide-content p,.fx7 .guide-content li{font-size:16px;line-height:1.85}.guide-chapter a:not(.button-link){text-decoration-color:#727e63}.guide-chapter aside{background:#242c1e;color:#e0e7d8;border:1px solid #3b4830;border-radius:8px;padding:24px}.guide-chapter aside p{font-size:14px;line-height:1.8}.guide-chapter figcaption{color:#b6c4a9;font-size:12px}.copy-snippet{border-color:#4b5a3b;background:#242e1c;color:#e4ecd9;border-radius:6px}.copy-snippet:hover{background:#34452a}.guide-chapter pre,.web2 .guide-chapter figure pre{font-size:13px;line-height:1.85}.web2 .select-snippet{border-color:#4b5a3b;color:#c1d0b2}.guide-chapter details summary,.web2 details summary{min-height:52px;font-size:15px;padding:14px 0;color:#e0e6d9}.guide-chapter td,.guide-chapter th{border-color:var(--border)}.guide-chapter th{color:var(--mac-yellow)}.guide-chapter .step>b{color:var(--mac-yellow)}#manual-copy{border:1px solid #59664b;background:#1d2417;color:var(--ink)}#manual-copy textarea{background:#090d07;color:#e1ead8;border-color:#48573a}#copy-status:not(:empty){background:var(--mac-yellow);color:#14170f}#picker,select{background:#20271b;color:var(--ink);border-color:#4b5840}
.consultation,.central .consultation,.fx7 .consultation{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);column-gap:48px;row-gap:20px;margin-top:48px;padding:40px;background:#242b1e;color:#f0f4e8;border:1px solid #455434;border-radius:14px}.consultation h2,.fx7 .consultation h2{grid-column:1;grid-row:1;max-width:none;font-size:34px;line-height:1.15;margin:0;color:#f2f5eb}.consultation>p,.fx7 .consultation>p{grid-column:1;grid-row:2;font-size:15px;line-height:1.8;max-width:48ch;margin:0;color:#b8c6aa}.consultation-actions,.fx7 .consultation-actions{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:0}.consultation-link,.fx7 .consultation-link{background:var(--mac-yellow);color:#171c10;min-height:52px;width:100%;border-radius:7px;font-size:14px}.consultation-link:hover{background:#ffe065}.consultation-author,.fx7 .consultation-author{align-self:center;gap:12px}.consultation-author strong{color:#f1f5e9}.consultation-author small{color:#b9c5af}.central-cta{margin-top:64px}footer,.central footer{font-size:12px;color:#8f9b83;max-width:none;margin:64px 0 32px;border-color:var(--border)}
.legacy-resource{font-family:Inter,sans-serif}.legacy-resource .wrap{max-width:1100px;padding:40px 32px}.legacy-resource h1{font-family:var(--mac-face);font-size:clamp(38px,5vw,62px);letter-spacing:-.03em}.legacy-resource h1 span{color:var(--mac-yellow)}.legacy-resource pre{background:#1a2015;color:#dfe8d6;border-color:#3d4b30;font:15px/1.9 Inter,sans-serif}.legacy-resource .intro{display:block;padding:16px 0}.legacy-resource a{color:inherit}.legacy-resource button{background:var(--mac-yellow);color:#11170c}.legacy-resource select{background:#20271b;color:#ecf1e5}.legacy-resource table{border-color:var(--border)}
@media(min-width:1400px){.intro h1,.catalog-intro h1{font-size:72px}}
@media(max-width:1050px){.shell,.central .shell{padding:0 28px}.topbar,.central .topbar{gap:20px}.mac-navigation{gap:16px}.workspace{grid-template-columns:190px minmax(0,1fr);gap:28px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.intro,.catalog-intro{gap:32px}.motion-heading h2{font-size:32px}.consultation,.central .consultation,.fx7 .consultation{padding:32px;gap:24px 32px}.consultation h2,.fx7 .consultation h2{font-size:30px}.resource .web2-art-title,.resource .fx7-art-title{font-size:36px}}
@media(max-width:800px){.mac-navigation{gap:16px}.mac-navigation a{font-size:12px}.mac-share[data-slot=button]{padding:0 12px}.intro,.catalog-intro{grid-template-columns:1fr;padding:40px 0;gap:24px}.intro p,.catalog-intro>p{max-width:60ch}.intro h1,.catalog-intro h1{font-size:48px}.guide-layout{grid-template-columns:1fr;gap:8px}.guide-toc{position:static;padding:20px 0;border-top:1px solid var(--border)}.guide-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.resource:first-child{display:block;grid-column:1/-1}.resource:first-child .resource-art{height:320px}.consultation,.central .consultation,.fx7 .consultation{display:block}.consultation h2,.fx7 .consultation h2{margin:0 0 20px}.consultation>p,.fx7 .consultation>p{margin:0 0 28px}.consultation-actions,.fx7 .consultation-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.consultation-link,.fx7 .consultation-link{width:auto}.consultation-author,.fx7 .consultation-author{align-self:auto}.guide-intro,.web2 .guide-intro,.fx7 .guide-intro{padding:32px 0 40px}.guide-intro h1{font-size:48px}.resource-grid{gap:32px 24px}}
@media(max-width:600px){.shell,.central .shell{padding:0 20px}.topbar,.central .topbar{min-height:96px;padding:20px 0;display:flex;flex-wrap:wrap;gap:18px 12px}.topbar .author{flex:1;min-width:200px}.topbar .author img{width:42px;height:42px}.author strong,.central .author strong{font-size:12px}.author small,.central .author small{font-size:11px}.mac-navigation{order:3;flex:1 0 100%;justify-content:flex-start;gap:28px;margin:0;border-top:1px solid var(--border);padding-top:4px}.mac-navigation a{font-size:13px;padding:10px 0}.mac-share[data-slot=button]{font-size:11px;padding:0 10px;gap:6px}.mac-share svg{width:13px}.intro h1,.catalog-intro h1,.guide-intro h1,.fx7 .guide-intro h1{font-size:40px;line-height:1.08}.intro,.catalog-intro{padding:32px 0}.workspace{display:block}.library{padding:0;margin-bottom:28px}.library nav{display:none}.motion-heading h2{font-size:30px}.preview{padding:8px}.playback{gap:8px}.playback button{min-height:40px}.deliverable{padding-top:24px}.section-heading h3{font-size:24px}.section-heading button{max-width:120px;white-space:normal;min-height:44px}.prompt-text{font-size:14px}.catalog-tools{gap:24px;padding:24px 0}.search-field{width:100%}.resource-grid{grid-template-columns:1fr}.resource:first-child,.resource-web2,.resource-fx7{grid-column:auto}.resource .resource-art,.resource-web2 .resource-art,.resource-fx7 .resource-art,.resource:first-child .resource-art{height:280px;min-height:280px;padding:28px}.resource .motion-art{padding:8px 8px 32px}.resource-copy h3{font-size:30px}.resource .web2-art-title,.resource .fx7-art-title{font-size:38px}.delivery-note{display:block;padding:24px 0}.delivery-note h2{margin-bottom:16px}.guide-intro>p{font-size:16px;line-height:1.8}.guide-toc a{font-size:12px}.guide-chapter h2{font-size:29px}.guide-chapter h3{font-size:21px}.guide-content p,.guide-content li,.fx7 .guide-content p,.fx7 .guide-content li{font-size:15px;line-height:1.85}.guide-chapter aside{padding:20px}.guide-chapter figure{padding:16px}.guide-chapter pre,.web2 .guide-chapter figure pre{font-size:12px}.guide-actions .button-link{width:100%;white-space:normal}.consultation,.central .consultation,.fx7 .consultation{padding:28px 24px;margin-top:32px}.consultation h2,.fx7 .consultation h2{font-size:28px}.consultation-actions,.fx7 .consultation-actions{flex-direction:column;align-items:stretch;gap:24px}.consultation-link,.fx7 .consultation-link{width:100%;font-size:13px}.consultation-author,.fx7 .consultation-author{align-self:flex-start}.filter-bar{flex-wrap:wrap}.filter-bar button{font-size:12px;padding:8px 12px}#result-count{font-size:11px}.legacy-resource .wrap{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.legacy-resource .topbar{max-width:1100px;margin:0 auto;padding:24px 32px}.legacy-resource>.central-cta{max-width:1100px;margin:0 auto;padding:0 32px}.legacy-resource .hero,.legacy-resource .toolbar{background:transparent;border-color:var(--border)}.legacy-resource .intro,.legacy-resource footer,.legacy-resource .muted{color:var(--muted)}.legacy-resource .verified{width:20px;height:20px;flex-shrink:0}.legacy-resource .topbar .author{display:flex;align-items:center;gap:12px;text-decoration:none}.legacy-resource .author strong{display:flex;align-items:center;gap:6px}.legacy-resource .author small{display:block}.legacy-resource .author img{border-radius:50%}@media(max-width:600px){.legacy-resource .topbar{padding:20px}.legacy-resource>.central-cta{padding:0 20px}.legacy-resource .verified{width:16px;height:16px}}

.copy-message{color:#f3c623}
@media screen{.legacy-resource .page{width:min(100% - 40px,1000px);height:auto!important;min-height:0;background:#1a2016;color:#e4ebdc;padding:48px;margin:32px auto;border:1px solid #38452c;border-radius:12px}.legacy-resource .page-head{color:#a6b49a;border-color:#3c4931}.legacy-resource .cover{background:#20291a;overflow:visible}.legacy-resource .cover h1{font-size:clamp(38px,5vw,62px)}.legacy-resource .cover-path{flex-wrap:wrap;color:#b8c9a8}.legacy-resource .cover-path i{color:#f3c623}.legacy-resource .cover-photo{position:static;display:block;float:right;width:240px;height:300px;transform:none;margin:0 0 24px 24px}.legacy-resource .cover-bottom{position:static;max-width:none;background:transparent;padding:0}.legacy-resource .cover-bottom strong,.legacy-resource .step>b,.legacy-resource aside strong{color:#f3c623}.legacy-resource .page-foot{position:static;clear:both;margin:32px 0 0;padding-top:16px;border-color:#3c4931;color:#a5b498;font-size:12px}.legacy-resource .page-foot strong{color:#dce6d1}.legacy-resource aside{background:#2a3420;color:#e1e9d6}.legacy-resource .routes a{border-top:1px solid #708258}.legacy-resource figure.code{background:#090d06;border:1px solid #36482a}.legacy-resource figure.code pre{background:transparent;border:0;border-radius:0}.legacy-resource .troubles .minor{color:#f3c623}.legacy-resource .page p{line-height:1.85}}
@media screen and (max-width:600px){.legacy-resource .page{width:calc(100% - 24px);padding:28px 20px;margin:20px auto}.legacy-resource .cover-photo{float:none;width:100%;height:320px;margin:24px 0}.legacy-resource .cover-bottom{max-width:none}.legacy-resource .cover-path{gap:12px;font-size:14px}.legacy-resource .page-foot{left:auto;right:auto;bottom:auto;flex-wrap:wrap}.legacy-resource .toolbar{padding:16px 20px;gap:16px}}
@media print{.mac-site{background:white!important;color:#161b12!important}.legacy-resource .page{background:white!important;color:#161b12!important}.legacy-resource .topbar,.legacy-resource>.central-cta,[data-mac-tools],.mac-navigation{display:none!important}}

/* Composição de blocos 21st.dev: os estilos estruturais vêm dos componentes. */
.premium-root{--paper:#fafaf8;--white:#fff;--ink:#191919;--muted:#62635f;--green:#f0f1eb;--border:#dedfd8;--selected:#eeeee9;--background:#fafaf8;--foreground:#191919;--card:#fff;--muted-surface:#f0f1eb;--muted-foreground:#686a63;--primary:#171a15;--primary-foreground:#fff;color-scheme:light}
.premium-root .topbar{min-height:94px}.premium-root .mac-share[data-slot=button]{color:#30332b;border-color:#d2d5c9}.premium-root .author small{color:#6c7063}.premium-root .mac-navigation a{color:#6c7063}.premium-root .mac-navigation a[aria-current=page]{color:#191b16}.premium-root .premium-workspace{padding-top:40px}.premium-root .library[hidden],.premium-root .intro[hidden]{display:none!important}
.premium-root .fph__title,.premium-root .fph__name{letter-spacing:-.035em}.premium-root .fph__title{font-family:var(--mac-face);font-size:clamp(36px,4.3vw,56px);max-width:17ch}.premium-root .fph__description{font-size:15px;line-height:1.8}.premium-root .fph__eyebrow,.premium-root .fph__meta,.premium-root .fph__count{font-size:11px;color:#6a6e61}.premium-root .fph__service{font-size:11px;color:#575f4b}.premium-root .fph__outcome-label{font-size:10px}.premium-root .fph__summary{font-size:15px}.premium-root .fph__tabs{border-bottom:1px solid var(--border)}.premium-root .fph__tab{color:#656b5a}.premium-root .fph__tab[aria-selected=true]{background:#eeeee5;color:#171b12}.premium-root .fph__tab[aria-selected=true] .fph__tab-number{background:#f3c623;color:#171b12}.premium-root .fph__tab:hover{background:#f0f1eb;border-color:transparent}.premium-root .fph__visual{border-color:#d9dccc;background:#eef0e8}.premium-root .fph__action{background:#191e15;color:white;font-size:13px;gap:32px}.premium-root .fph__action:hover{background:#353e2b;border:0}
.premium-player{display:flex;flex-direction:column;height:100%;padding:16px}.premium-root .premium-player .preview{flex:1;display:flex;align-items:center;padding:0;border:0;background:transparent;min-height:0;overflow:hidden}.premium-root .premium-player .screen{width:100%;background:transparent}.premium-root .premium-player .playback{margin-top:8px;padding:10px 0 0;border:0;gap:8px}.premium-root .premium-player .playback button{min-height:38px;padding:6px 10px;color:#38422c;border-color:#c9cfbd;background:transparent}.premium-root .premium-player .playback input{max-width:100px}.premium-root .premium-player .playback label{font-size:11px}.premium-root .context-controls{margin-top:0;font-size:12px}.premium-root .context-controls:empty{display:none}
.premium-feedback .copy-message{color:#3c6220}.premium-delivery{margin:36px 0 48px;gap:20px!important}.premium-delivery [data-slot=tabs-list]{padding:4px;height:48px;background:#ebeee4;border-radius:10px;width:fit-content}.premium-delivery [data-slot=tabs-trigger]{padding:8px 20px;height:40px;color:#5c6650;border:0;border-radius:7px}.premium-delivery [data-slot=tabs-trigger][data-active]{background:white;color:#191e14;box-shadow:0 2px 6px #202a1410}.premium-delivery [data-slot=tabs-content][hidden]{display:none}.premium-delivery .deliverable{padding:24px 0 0;border-top:1px solid var(--border)}.premium-delivery .section-heading h3{font-size:26px}.premium-delivery .section-heading p{color:#6c7263}.premium-delivery .section-heading button{color:#344028;border-color:#ccd2c0;background:#f3f5ee}.premium-delivery .prompt-text{color:#30372a}.premium-delivery .code-box{background:#171e13;color:#e4ecdc}.premium-delivery .code-meta{background:#e8eddf;color:#4a563e}.premium-delivery .code-meta button{color:#344028}
.premium-resources{margin:64px 0 48px}.premium-resources>h2{font-size:34px;margin:0 0 12px}.premium-resources>p{color:#707963;margin:0 0 24px}.premium-resources h3{font-size:16px;line-height:1.5;letter-spacing:0}.premium-resources a:hover{background:transparent}.premium-root .consultation{background:#e9eddf;color:#192211;border-color:#cdd5be}.premium-root .consultation h2{color:#192211}.premium-root .consultation p,.premium-root .consultation-author small{color:#556344}.premium-root .consultation-author strong{color:#27311e}.premium-root .how-to>p{color:#65715a}.premium-root footer{color:#6d795f}
@media(max-width:700px){.premium-root .premium-workspace{padding-top:28px}.premium-root .fph__visual{aspect-ratio:1.12}.premium-root .fph__name{font-size:34px}.premium-player{padding:10px}.premium-root .premium-player .playback{flex-wrap:wrap}.premium-root .premium-player .playback input{max-width:70px}.premium-root .fph__description{font-size:14px}.premium-delivery [data-slot=tabs-trigger]{padding:8px 12px;font-size:12px}.premium-resources{margin-top:40px}.premium-root .fph__tab{font-size:12px}.premium-root .fph__title{font-size:38px}.premium-resources>h2{font-size:30px}}

.premium-root{--color-foreground:#191919;--color-background:#fafaf8;--color-primary:#171a15;--color-primary-foreground:#fff;--color-border:#dedfd8;--color-muted:#f0f1eb;--color-card:#fff;--color-card-foreground:#191919;--color-muted-foreground:#686a63;--spacing:.25rem}

.premium-delivery{display:flex;flex-direction:column;min-width:0}.premium-delivery [data-slot=tabs-content]{min-width:0;width:100%}.premium-root .fph__tabs{scrollbar-color:#b9c0af transparent;scrollbar-width:thin}.premium-root .fph__tabs::-webkit-scrollbar{height:4px}.premium-root .fph__tabs::-webkit-scrollbar-track{background:transparent}.premium-root .fph__tabs::-webkit-scrollbar-thumb{background:#bdc4b2;border-radius:8px}

.premium-resources a{text-decoration:none}.premium-resources{--color-card:#fff;--color-card-foreground:#191919;--color-muted-foreground:#68705f;--color-border:#dce1d4}.premium-catalog .catalog-intro[hidden]{display:none!important}.premium-catalog .fph{padding:40px 0 48px}.premium-catalog-art{height:100%;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px;background:#eef0e7}.premium-catalog-art .art-caption{position:static;font-size:12px;color:#69745e}.premium-catalog-art svg{width:100%;height:auto;max-height:80%}.premium-catalog-art .skill-command{color:#38482c;font-size:34px}.premium-catalog-art .skill-lines{display:grid;font-size:26px;gap:8px}.premium-catalog-art .web2-art-title,.premium-catalog-art .fx7-art-title{font:600 42px/1.1 var(--mac-face);color:#1d2915}.premium-catalog-art .web2-art-flow,.premium-catalog-art .fx7-art-command{color:#3e5131;font-size:15px}.premium-catalog .premium-resources{margin:24px 0 48px}.premium-catalog .catalog-tools{margin-top:0}

/* Guias: o mesmo bloco da coleção, com amostras reais de cada etapa. */
.premium-guide .guide-featured{margin:0 0 28px}.premium-guide .guide-featured .fph__visual{aspect-ratio:1.38;background:#eef0e8;border-color:#d9dccc}.premium-guide .guide-featured .fph__visual-content{overflow:hidden}.premium-guide .guide-sample{height:100%;margin:0;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:18px;background:#eef0e8;color:#24291e}.premium-guide .guide-sample figcaption{color:#66705d;font:600 12px/1.5 Inter,sans-serif}.premium-guide .guide-sample pre{flex:1;margin:0;padding:20px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d8ddce;border-radius:10px;background:#fff;color:#2e3528;font:13px/1.8 ui-monospace,Consolas,monospace}.premium-guide .guide-intro .source-note{color:#65705c}.premium-guide .guide-toc a{color:#586453}.premium-guide .guide-toc a[data-current],.premium-guide .guide-toc a:hover{color:#20291b}.premium-guide .guide-actions .button-link:not(.primary){color:#30372a;border-color:#cbd2c2}.premium-guide .guide-chapter details summary{color:#263121}.premium-guide .guide-chapter aside{background:#e9ede2;color:#27331e;border-color:#d4dcc9}.premium-guide .guide-chapter aside strong{color:#27331e}.premium-guide .guide-chapter aside p{color:#485742}.premium-guide .guide-chapter figcaption{color:#b6c4a9}.premium-guide .guide-chapter td,.premium-guide .guide-chapter th{border-color:#d5dccd}.premium-guide .guide-chapter th{color:#4a5940}.premium-guide .source-note{color:#65705c}.premium-guide .consultation{margin-top:48px}.premium-guide .premium-resources{margin-top:64px}.premium-guide .premium-resources>h2{color:var(--ink)}
@media screen{.premium-legacy .premium-original-title,.premium-legacy .premium-original-intro{display:none!important}.premium-legacy .legacy-featured,.premium-legacy .legacy-resources{max-width:1100px;margin:0 auto;padding:40px 32px}.premium-legacy .page{background:#fff;color:#20251c;border-color:#d7dfd0}.premium-legacy .cover{background:#eef0e8;color:#20251c}.premium-legacy .cover-path,.premium-legacy .page-head,.premium-legacy .page-foot{color:#66705e;border-color:#d2d9ca}.premium-legacy .cover-path i,.premium-legacy .step>b,.premium-legacy .cover-bottom strong{color:#536b43}.premium-legacy .cover-bottom{color:#20251c}.premium-legacy .page-foot strong,.premium-legacy .cover .page-foot strong{color:#26301f}.premium-legacy .page aside{background:#edf1e8;color:#293327}.premium-legacy .page aside strong,.premium-legacy .troubles .minor{color:#475d3a}.premium-legacy .routes a{border-color:#a8b59e}.premium-legacy .toolbar{color:#272e21}.premium-legacy .intro{color:#626b59}}
@media(max-width:700px){.premium-guide .guide-featured .fph__visual{aspect-ratio:1.3}.premium-guide .guide-sample{padding:18px;gap:12px}.premium-guide .guide-sample pre{padding:14px;font-size:12px}.premium-guide .guide-featured{margin-bottom:24px}.premium-legacy .legacy-featured,.premium-legacy .legacy-resources{padding:28px 20px}}
@media print{.premium-legacy .legacy-featured,.premium-legacy .legacy-resources{display:none!important}.premium-legacy .premium-original-title,.premium-legacy .premium-original-intro{display:block!important}}

.premium-guide .guide-sample{justify-content:center}.premium-guide .guide-sample pre{flex:0 1 auto;max-height:76%}

.premium-guide .breadcrumb{color:#586453}.premium-legacy nav.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;max-width:1100px;margin:0 auto;padding:16px 32px}.premium-legacy nav.toolbar a{flex:0 1 auto}.premium-legacy nav.toolbar button{width:auto;flex:0 0 auto;min-height:44px;padding:10px 18px}@media(max-width:600px){.premium-legacy nav.toolbar{justify-content:flex-start;padding:14px 20px;gap:14px 20px}.premium-legacy nav.toolbar button{width:auto}}
/* Refinamentos Apple Design na central: hierarquia, toque e acessibilidade. */
body.central.catalog {font-optical-sizing:auto;line-height:1.55}
.catalog .topbar {gap:1rem}
.catalog .mac-navigation {padding:.3rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(14px)}
.catalog .mac-navigation a {border-radius:.7rem}
.catalog .catalog-tools h2,.catalog .delivery-note h2 {letter-spacing:-.025em;line-height:1.18}
.catalog .search-field input {font-size:1rem;min-height:3rem;border-radius:.8rem}
.catalog .filter-bar button {min-height:2.75rem;border-radius:.8rem;transition:background-color .16s ease,color .16s ease,transform .08s ease}
.catalog .filter-bar button:active {transform:scale(.97)}
.catalog .central-cta .consultation {border-radius:1.5rem}
@media (prefers-reduced-transparency:reduce) {.catalog .mac-navigation {background:var(--paper);backdrop-filter:none}}
@media (prefers-contrast:more) {.catalog .mac-navigation,.catalog .search-field input,.catalog .filter-bar button {border:2px solid currentColor}}
@media (prefers-reduced-motion:reduce) {.catalog .filter-bar button {transition:none}.catalog .filter-bar button:active {transform:none}}
/* Abertura da central */
.mac-welcome {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.72fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(2.5rem,5vw,4rem) 0;border-bottom:1px solid var(--border);margin-bottom:clamp(4rem,7vw,6rem)}
.mac-welcome__copy {max-width:42rem}.mac-welcome__eyebrow {margin:0 0 1.35rem;color:#896500;font-size:.72rem;letter-spacing:.14em;font-weight:700}
.mac-welcome h1 {margin:0;max-width:19ch;font-size:clamp(2.3rem,4.1vw,3.75rem);line-height:1.08;letter-spacing:-.035em;font-weight:700}.mac-welcome h1 span {color:#896500}
.mac-welcome__description {max-width:36rem;margin:1.6rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;color:var(--muted)}
.mac-welcome__actions {display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-top:2rem}.mac-welcome__primary {display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.4rem;padding:.8rem 1.3rem;border-radius:.8rem;background:#f3c623;color:#15170f;font-weight:700;text-decoration:none}.mac-welcome__primary:active {transform:scale(.97)}.mac-welcome__secondary {color:var(--ink);font-size:.9rem;text-underline-offset:.35rem}.mac-welcome__note {margin:1rem 0 0;color:var(--muted);font-size:.8rem}
.mac-welcome__portrait {position:relative;margin:0;aspect-ratio:4/4.4;max-width:20rem;width:100%;justify-self:end;border-radius:1.5rem;overflow:hidden;background:#222820}.mac-welcome__portrait img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.mac-welcome__portrait figcaption {position:absolute;inset:auto 0 0;padding:3rem 1.3rem 1.2rem;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;display:grid;gap:.2rem;font-weight:650}.mac-welcome__portrait small {font-size:.75rem;font-weight:400;color:#e3e3dc}
@media(max-width:700px){.mac-welcome {grid-template-columns:1fr;gap:1.75rem;padding:2.5rem 0;margin-bottom:3.5rem}.mac-welcome h1 {font-size:clamp(2.1rem,8vw,2.8rem)}.mac-welcome__portrait {justify-self:start;max-width:none;aspect-ratio:4/3}.mac-welcome__portrait img {object-position:center 32%}.mac-welcome__primary {width:100%}}
@media(prefers-reduced-motion:reduce){.mac-welcome__primary:active{transform:none}}

/* Ritmo compartilhado: introdução, navegação, leitura e próximos passos. */
.premium-root,.premium-legacy {--space-section:clamp(3rem,6vw,5rem);--space-group:clamp(1.5rem,3vw,2.5rem);--space-copy:1rem}
.premium-root .fph__header {gap:var(--space-group)}
.premium-root .fph__title {letter-spacing:-.035em;line-height:1.08}
.premium-root .fph__description,.premium-root .fph__summary {line-height:1.65;max-width:48ch}
.premium-root .fph__tabs {margin-block:var(--space-group);padding-bottom:1rem}
.premium-root .fph__panel {gap:clamp(1.5rem,4vw,3rem)}
.premium-root .fph__name {letter-spacing:-.035em}
.premium-root .fph__summary + .fph__services {margin-top:1.25rem}
.premium-root .fph__action {margin-top:1.5rem}
.premium-catalog .mac-welcome {margin-bottom:0}
.premium-catalog .fph {padding-block:var(--space-section)}
.premium-catalog .catalog-tools {gap:var(--space-group);padding-top:var(--space-group)}
.premium-catalog .premium-resources {margin:var(--space-group) 0 var(--space-section)}
.premium-root .premium-resources {margin-block:var(--space-section)}
.premium-root .premium-resources > h2 {margin-bottom:1rem;line-height:1.15;letter-spacing:-.03em}
.premium-root .premium-resources > p {margin-bottom:1.5rem;line-height:1.6}
.premium-guide .guide-featured {margin-bottom:var(--space-group)}
.premium-guide .guide-layout {gap:clamp(2rem,4vw,3rem)}
.premium-guide .guide-chapter {padding-block:var(--space-group);scroll-margin-top:1.5rem}
.premium-guide .guide-chapter h2 {margin:0 0 1.25rem;line-height:1.15}
.premium-guide .guide-chapter h3 {margin:1.5rem 0 .65rem}
.premium-guide .guide-chapter p,.premium-guide .guide-chapter li {line-height:1.7}
.premium-guide .guide-chapter figure {margin-block:1.5rem}
.premium-guide .guide-toc a {min-height:2.5rem;display:flex;align-items:center}
.premium-root .central-cta,.premium-root .mac-consultation-host {margin-top:var(--space-section)}
.premium-catalog .mac-consultation-host {padding-bottom:clamp(2.5rem,5vw,4rem)}
.premium-root footer {margin-top:var(--space-section)}
@media(max-width:700px){.premium-root,.premium-legacy {--space-section:3rem;--space-group:1.5rem}.premium-root .fph__header {gap:1rem}.premium-root .fph__title {font-size:clamp(2rem,9vw,2.375rem)}.premium-root .fph__tabs {margin-block:1.5rem}.premium-guide .guide-layout {gap:2rem}.premium-guide .guide-chapter h2 {font-size:clamp(1.6rem,7vw,1.85rem)}.premium-guide .guide-toc a {min-height:2.75rem}.premium-root .premium-resources > h2 {font-size:1.75rem}}
.central.guide:not(.premium-guide) .guide-intro {padding-block:clamp(2.5rem,5vw,4rem)}
.central.guide:not(.premium-guide) .guide-intro > p:not(.source-note) {max-width:60ch;line-height:1.65;margin-block:1.25rem}
.central.guide:not(.premium-guide) .guide-actions {gap:.75rem;margin-block:1.5rem}
.central.guide:not(.premium-guide) .guide-chapter {padding-block:clamp(1.5rem,3vw,2.5rem)}
.central.guide:not(.premium-guide) .guide-chapter h2 {margin:0 0 1.25rem;line-height:1.15}
.central.guide:not(.premium-guide) .guide-chapter p,.central.guide:not(.premium-guide) .guide-chapter li {line-height:1.7}
.central.guide:not(.premium-guide) .guide-chapter figure {margin-block:1.5rem}
.premium-legacy .page h2 {line-height:1.18;letter-spacing:-.03em}
.premium-legacy .page p,.premium-legacy .page li {line-height:1.65}

/* Borda animada dos blocos; não interfere com cliques ou seleção de texto. */
:is(.premium-resources > div > a > div,.fph__visual,.premium-player,.consultation,.guide-chapter figure,.guide-chapter aside,.premium-legacy .page aside) {position:relative}
:is(.premium-resources > div > a > div,.fph__visual,.premium-player,.consultation,.guide-chapter figure,.guide-chapter aside,.premium-legacy .page aside)::after {content:"";position:absolute;inset:0;border:1.5px solid #111;border-radius:inherit;pointer-events:none;z-index:2;opacity:.45;animation:mac-border-pulse 3.6s ease-in-out infinite alternate}
@keyframes mac-border-pulse {from{opacity:.25}to{opacity:.95}}
@media (prefers-reduced-motion:reduce) {:is(.premium-resources > div > a > div,.fph__visual,.premium-player,.consultation,.guide-chapter figure,.guide-chapter aside,.premium-legacy .page aside)::after {animation:none;opacity:.7}}

/* Prévias editoriais de cada recurso da central. */
.resource-preview {height:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.35rem,3.5vw,2.5rem);background:#e8ebe2;color:#1b211a;overflow:hidden}
.resource-preview--2 {background:#e7e9e0}.resource-preview--3 {background:#222923;color:#f6f6ed}.resource-preview--4 {background:#e9e5d7}
.resource-preview__top,.resource-preview__footer {display:flex;align-items:center;justify-content:space-between;gap:1rem}
.resource-preview__brand {font-size:.63rem;letter-spacing:.1em;font-weight:700;white-space:nowrap}.resource-preview__brand span {opacity:.45;padding-inline:.2rem}
.resource-preview__type {font-size:.6rem;font-weight:700;letter-spacing:.07em;padding:.5rem .65rem;border:1px solid currentColor;border-radius:99px;white-space:nowrap}
.resource-preview__main {max-width:26rem;margin-block:1rem}.resource-preview__icon {display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1.1rem;border-radius:.75rem;background:#f3c623;color:#181b14}
.resource-preview__headline {font:650 clamp(1.6rem,3.2vw,2.65rem)/1.08 var(--mac-face);letter-spacing:-.035em}.resource-preview__main p {margin:.75rem 0 1.2rem;font-size:.88rem;line-height:1.5;opacity:.75}
.resource-preview__list {display:grid;gap:.45rem}.resource-preview__list > div {display:flex;align-items:center;gap:.7rem;min-height:2.35rem;padding:.45rem .7rem;background:rgba(255,255,255,.64);border-radius:.55rem;font-size:.76rem;font-weight:600}
.resource-preview--3 .resource-preview__list > div {background:rgba(255,255,255,.09)}.resource-preview__list-icon {display:grid;place-items:center;flex:none;opacity:.75}.resource-preview__list-num {margin-left:auto;opacity:.48;font-size:.62rem;font-variant-numeric:tabular-nums}
.resource-preview__footer {padding-top:.8rem;border-top:1px solid currentColor;font-size:.67rem;font-weight:600;opacity:.7}
.catalog-motion-loop {position:relative;width:100%;height:100%}.catalog-motion-loop .premium-catalog-art {padding:0;height:100%}.catalog-motion-loop .premium-catalog-art svg {display:block;width:100%;height:100%;max-height:none}.catalog-motion-loop__label {position:absolute;left:1rem;bottom:1rem;z-index:1;padding:.45rem .65rem;border-radius:.5rem;background:rgba(20,24,20,.86);color:#fff;font-size:.7rem;font-weight:600;pointer-events:none}
.mac-fade-content {opacity:var(--fade-start,.65);transform:translateY(24px);transition:opacity var(--fade-duration,500ms) cubic-bezier(.23,1,.32,1),transform var(--fade-duration,500ms) cubic-bezier(.23,1,.32,1)}.mac-fade-content.mac-fade-visible {opacity:1;transform:none}.resource-card-interactive {transition:transform 180ms cubic-bezier(.23,1,.32,1)}.resource-card-interactive:active {transform:scale(.98)}@media(hover:hover) and (pointer:fine){.resource-card-interactive:hover {transform:scale(1.01)}}@media(prefers-reduced-motion:reduce){.mac-fade-content,.resource-card-interactive {transition:none;transform:none;opacity:1}}
@media(max-width:700px){.premium-catalog .fph__visual:has(.resource-preview) {aspect-ratio:auto}.premium-catalog .fph__visual:has(.resource-preview) .fph__visual-content {height:auto}.resource-preview {padding:1.25rem;min-height:23rem}.resource-preview__headline {font-size:clamp(1.5rem,6vw,2rem)}.resource-preview__main {margin-block:.7rem}.resource-preview__icon {width:2.35rem;height:2.35rem;margin-bottom:.7rem}.resource-preview__main p {margin:.5rem 0 .75rem;font-size:.8rem}.resource-preview__list > div {min-height:2rem;font-size:.72rem}.resource-preview__top .resource-preview__brand,.resource-preview__type {font-size:.55rem}}

/* Layout de leitura e navegação para telas pequenas. */
@media (max-width:700px){
 .central .shell,.mac-site .shell {padding-inline:clamp(1rem,5vw,1.25rem)}
 .mac-welcome {gap:1.5rem;padding-block:2rem}
 .mac-welcome__eyebrow {margin-bottom:.85rem}
 .mac-welcome h1 {font-size:clamp(2rem,8vw,2.65rem);line-height:1.1;max-width:18ch}
 .mac-welcome__description {margin-top:1rem;line-height:1.55}
 .mac-welcome__actions {gap:1rem;margin-top:1.5rem}
 .mac-welcome__secondary {min-height:2.75rem;display:inline-flex;align-items:center}
 .mac-welcome__note {margin-top:.5rem}
 .mac-welcome__portrait {aspect-ratio:4/3.4;max-height:20rem}
 .mac-welcome__portrait img {object-position:center 12%}
 .premium-root .fph__title {font-size:clamp(1.9rem,8vw,2.25rem);line-height:1.1}
 .premium-root .fph__description,.premium-root .fph__summary {font-size:1rem;line-height:1.55}
 .premium-root .fph__tabs {gap:.35rem;scrollbar-width:thin;scroll-padding-inline:.25rem}
 .premium-root .fph__tab {min-height:2.75rem}
 .premium-guide .guide-featured .fph__visual,.premium-legacy .legacy-featured .fph__visual {display:none}
 .premium-guide .guide-featured .fph__panel,.premium-legacy .legacy-featured .fph__panel {grid-template-columns:minmax(0,1fr)}
 .premium-guide .guide-featured .fph__info,.premium-legacy .legacy-featured .fph__info {padding:0}
 .premium-guide .guide-actions {gap:.75rem}
 .premium-guide .guide-actions .button-link {min-height:2.75rem}
 .premium-root .premium-resources > div {gap:.75rem}
 .premium-root .premium-resources > div > a > div {padding:1rem}
 .premium-root .premium-resources > div > a img {width:2rem;height:2rem;flex:none}
 .premium-root .premium-resources h3 {font-size:1rem;line-height:1.4}
 .premium-root .premium-resources > div > a p {margin-top:.25rem}
 .premium-root .consultation {padding:1.5rem}
 .premium-root .consultation h2 {font-size:clamp(1.5rem,6vw,1.75rem);line-height:1.16}
 .premium-guide .guide-content,.central.guide .guide-content {min-width:0;overflow-wrap:anywhere}
 .premium-guide .guide-chapter pre,.central.guide .guide-chapter pre {max-width:100%;overflow-x:auto}
 .premium-legacy .page .step > div {min-width:0;overflow-wrap:anywhere}
 .premium-legacy .page a,.premium-legacy .page code {overflow-wrap:anywhere;word-break:break-word}
 .legacy-resource > a[href="/recursos-gratuitos/skills-instagram/"] {margin-inline:1.25rem!important;min-height:2.75rem;display:flex!important;align-items:center}
 .premium-root .premium-player .playback button {min-height:2.75rem}
 .premium-root .premium-player .playback input[type=range] {min-height:2.75rem;flex:1 1 5rem;max-width:none}
 .central.guide:not(.premium-guide) .guide-actions .button-link {min-height:2.75rem}
}

/* O guia de efeitos sonoros não possui índice lateral. */
@media (min-width: 801px) {
  .sound-guide .guide-layout { grid-template-columns: minmax(0, 1fr); }
  .sound-guide .guide-content { width: min(100%, 78ch); margin-inline: auto; }
}

/* Capas ilustradas dos materiais gratuitos. */
.premium-catalog .fph__visual-content:has(.resource-cover-image){height:100%;}
.premium-catalog .resource-cover-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

/* Resource catalog: adapted Kokonut UI card surface and focused mobile sizing. */
.premium-catalog .search-field input{background:#fff!important;color:#171b17!important;border:1px solid #d9dcd2!important;box-shadow:none}
.premium-catalog .search-field input::placeholder{color:#737a70;opacity:1}
.premium-catalog .search-field input:focus-visible{outline:2px solid #ad8a16;outline-offset:2px}
.premium-resources .resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.premium-resources .resource-card{display:flex;flex-direction:column;min-width:0;min-height:190px;padding:22px;text-decoration:none;color:#191d17;background:#fff;border:1px solid #e1e4dc;border-radius:20px;box-shadow:0 2px 6px rgba(28,35,21,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.premium-resources .resource-card:hover{transform:translateY(-3px);border-color:#c4caaf;box-shadow:0 10px 25px rgba(28,35,21,.09)}
.premium-resources .resource-card:focus-visible{outline:3px solid #d7ae18;outline-offset:3px}
.premium-resources .resource-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.premium-resources .resource-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f3f4ee;border:1px solid #e9ebe3}
.premium-resources .resource-card__icon img{width:23px;height:23px;object-fit:contain}
.premium-resources .resource-card__arrow{width:19px;height:19px;color:#737c69;transition:transform .2s ease}
.premium-resources .resource-card:hover .resource-card__arrow{transform:translate(3px,-3px)}
.premium-resources .resource-card__title{font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.015em;margin:18px 0 22px;max-width:25ch}
.premium-resources .resource-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #eceee8}
.premium-resources .resource-card__label{color:#7a8075;font-size:10px;font-weight:700;letter-spacing:.075em}
.premium-resources .resource-card__tag{color:#47513e;background:#f2f4ed;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700;line-height:1.1}
@media(max-width:800px){.premium-resources .resource-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.premium-catalog .fph__panel .fph__visual{width:50%;max-width:220px;min-width:0;aspect-ratio:1.12}.premium-resources .resource-cards{grid-template-columns:1fr;gap:12px}.premium-resources .resource-card{min-height:154px;padding:18px}.premium-resources .resource-card__title{margin:12px 0 14px}}
@media(prefers-reduced-motion:reduce){.premium-resources .resource-card,.premium-resources .resource-card__arrow{transition:none}.premium-resources .resource-card:hover,.premium-resources .resource-card:hover .resource-card__arrow{transform:none}}
.premium-resources .resource-card__top::after,.premium-resources .resource-card__bottom::after{content:none!important}

/* Portrait: display the original image without cropping; identity sits below it. */
.premium-catalog .mac-welcome__portrait{width:100%;max-width:320px;max-height:none;aspect-ratio:auto;overflow:hidden;padding:10px;background:#fff;border:1px solid #e0e3d9;border-radius:22px;box-shadow:0 8px 30px rgba(27,35,22,.07)}
.premium-catalog .mac-welcome__portrait img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:14px}
.premium-catalog .mac-welcome__portrait figcaption{position:static;display:grid;gap:3px;padding:15px 8px 8px;background:none;color:#1b2118;font-weight:700}
.premium-catalog .mac-welcome__portrait small{color:#707a6c;font-size:12px}

/* Keep every resources guide in the same light palette as the catalogue. */
.central.guide.premium-root { background:#fafaf8; color:#191919; }
.central.guide.premium-root .breadcrumb { color:#586453; }
.central.guide.premium-root .guide-intro > p { color:#62635f; }
.central.guide.premium-root .guide-chapter { border-color:#dedfd8; }
.central.guide.premium-root .guide-chapter h2,
.central.guide.premium-root .guide-chapter h3 { color:#191919; }
.central.guide.premium-root .guide-chapter figure.prompt-card figcaption { color:#192018; }
.central.guide.premium-root .guide-chapter figure.prompt-card figcaption small { color:#697269; }
.central.guide.premium-root .guide-chapter .copy-snippet:not(.prompt-card .copy-snippet) { background:#e9ede2; color:#263121; border-color:#cbd2c2; }
.central.guide.premium-root .guide-chapter .copy-snippet:not(.prompt-card .copy-snippet):hover { background:#dbe4d2; }
.central.guide.premium-root .guide-chapter .select-snippet { color:#344028; border-color:#aebba5; }
.central.guide.premium-root .guide-actions .button-link:not(.primary):hover { background:#e9ede2; }
.central.guide.premium-root .guide-chapter .step > b { color:#536b43; }
.central.guide.premium-root .guide-chapter figure:not(.prompt-card) figcaption { color:#c5d0bd; }
.central.guide.premium-root .guide-chapter figure:not(.prompt-card) h3 { color:#f2f5eb; }
.premium-guide .pdf-category { margin:12px 0; padding:0 20px 16px; border:1px solid #dedfd8; border-radius:14px; background:#fff; color:#191919; }
.premium-guide .pdf-category summary { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; color:#191919; font-weight:650; }
.premium-guide .pdf-category summary span { color:#62635f; font-size:12px; font-weight:400; white-space:nowrap; }
.premium-guide .pdf-category:not([open]) { padding-bottom:0; }
.premium-guide .mac-accordion-host {padding-top:0}
.mac-accordion {display:grid;gap:12px}
.mac-accordion__item {border:1px solid #dedfd8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 2px 5px #19221104}
.mac-accordion__item[data-open] {border-color:#bdc6ad;box-shadow:0 6px 20px #19221108}
.premium-guide .guide-chapter .mac-accordion__header {margin:0;font-size:18px}
.mac-accordion__trigger {display:flex;align-items:center;gap:16px;width:100%;min-height:96px;padding:22px;text-align:left;border:0;background:transparent;color:#191919;cursor:pointer;font:inherit}
.mac-accordion__number {display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #e4e7dc;border-radius:12px;background:#f3f4ee;color:#65705b;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.mac-accordion__label {display:grid;gap:6px;min-width:0;flex:1}
.mac-accordion__title {font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.02em}
.mac-accordion__meta {font:400 12px/1.4 Inter,sans-serif;color:#646b5e}
.mac-accordion__toggle {display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f4f5ef;color:#5c6653}
.mac-accordion__toggle svg {transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.mac-accordion__trigger[data-open] .mac-accordion__toggle svg {transform:rotate(180deg)}
.mac-accordion__trigger[data-open] .mac-accordion__number {background:#f3c623;border-color:#f3c623;color:#29230b}
.mac-accordion__trigger:focus-visible {outline:3px solid #bc9411;outline-offset:-4px;border-radius:16px}
.mac-accordion__panel {height:var(--accordion-panel-height);overflow:hidden;transition:height 200ms cubic-bezier(.23,1,.32,1)}
.mac-accordion__panel[data-starting-style],.mac-accordion__panel[data-ending-style] {height:0}
.mac-accordion__content {padding:0 22px 22px;border-top:1px solid #eeefe8;margin:0 22px}
.mac-accordion__content .prompt-card {box-shadow:none!important;background:#fafbf7!important}
@media(hover:hover) and (pointer:fine){.mac-accordion__trigger:not(:disabled):hover {background:#f7f8f3;border:0;color:#191919}}
@media(max-width:600px){.mac-accordion__trigger {gap:12px;padding:18px 16px;min-height:90px}.mac-accordion__title{font-size:15px}.mac-accordion__number{flex-basis:32px;height:32px;border-radius:10px}.mac-accordion__content{padding:0 0 14px;margin:0 14px}.mac-accordion__toggle{flex-basis:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.mac-accordion__panel,.mac-accordion__toggle svg{transition:none}}
.premium-guide .pdf-category ul { padding-left:22px; }
.premium-guide .pdf-category a { display:inline-block; margin:0 0 4px; }
@media(max-width:600px) { .premium-guide .pdf-category summary { align-items:flex-start; flex-direction:column; gap:4px; } }
.catalog .mac-menu-toggle{display:none}
@media(max-width:700px){
 .catalog .topbar{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-height:72px;padding:14px 0}
 .catalog .topbar .author{flex:1 1 auto;min-width:0}
 .catalog .topbar .author span{min-width:0}
 .catalog .topbar [data-mac-tools]{flex:0 0 auto}
 .catalog .topbar .mac-share[data-slot=button]{width:42px;min-width:42px;height:42px;padding:0;display:inline-flex;justify-content:center;font-size:0;gap:0}
 .catalog .topbar .mac-share svg{width:16px;height:16px}
 .catalog .mac-menu-toggle{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;border:1px solid #d5dacd;border-radius:10px;background:#fff;cursor:pointer}
 .catalog .mac-menu-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#1d231b}
 .catalog .mac-menu-toggle:focus-visible{outline:3px solid #d7ac16;outline-offset:2px}
 .catalog .mac-navigation{display:none!important;position:absolute;z-index:50;top:calc(100% + 8px);right:0;left:auto;width:min(240px,100%);margin:0;padding:8px;flex-direction:column;align-items:stretch;gap:2px;border:1px solid #dfe3d8;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(25,35,21,.13)}
 .catalog .mac-navigation.is-open{display:flex!important}
 .catalog .mac-navigation a{padding:13px 14px;font-size:14px;color:#394238}
 .catalog .mac-navigation a[aria-current=page]{box-shadow:none;background:#f4f5ee;color:#1c231a}
 .premium-catalog .mac-welcome__portrait{justify-self:center;width:min(100%,320px);max-width:320px;max-height:none;aspect-ratio:auto}
}
@media(max-width:700px){.catalog .mac-menu-toggle:hover,.catalog .mac-menu-toggle[aria-expanded=true]{background:#f3c623;border-color:#e4bb1f}.catalog .mac-menu-toggle:hover span,.catalog .mac-menu-toggle[aria-expanded=true] span{background:#1d231b}}