/* Additional pages. Plain CSS; no runtime framework. */
/* The full static automation library. */
@layer components {
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .generated-recipe .recipe-intro h1 { font-size:clamp(36px,3.8vw,54px); overflow-wrap:break-word; }
  .generated-recipe .recipe-intro .recipe-lead { font-size:21px; }
  .recipe-category { display:inline-block; text-decoration:none; }
  .input-label { color:var(--ink); font-weight:500; }
  .example-source-text { min-height:182px; padding:20px; background:#f8f5ef; border:1px solid var(--line); border-radius:9px; font-size:14px; line-height:1.85; white-space:pre-line; overflow-wrap:anywhere; color:var(--ink); }
  .example-output pre { margin:0; min-height:182px; max-height:290px; overflow:auto; border:1px solid var(--line); padding:18px; border-radius:9px; font-size:12px; line-height:1.9; background:#f8f5ef; color:var(--ink); }
  .example-output code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
  .generated-recipe .example-result div>span { display:block; line-height:1.7; }
  .generated-recipe .example-result>div { min-width:0; }
  .generated-recipe .recipe-prompt-label>span:not(.small-label) { min-width:0; line-height:1.5; }
  .generated-recipe .recipe-prompt-label img,.generated-recipe .recipe-prompt-label .small-label { flex-shrink:0; }
  .recipe-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; padding:36px 0; border-bottom:1px solid var(--line); }
  .recipe-details h2 { font-size:19px; margin-bottom:12px; }
  .recipe-details p { font-size:13px; line-height:1.8; }
  .format-note { color:var(--ink); }
  .recipe-customize { color:var(--muted); font-size:12px; }
  .recipe-related { padding:0 0 55px; }
  .recipe-related .section-head { gap:20px; align-items:end; }
  .recipe-related .section-head h2 { font-size:28px; }
  .recipe-related .section-head .text-link { font-size:12px; color:var(--orange); flex-shrink:0; }
  .recipe-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .recipe-related-card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:12px; background:#fffdf9; padding:24px; }
  .recipe-related-card>span:first-child { color:var(--orange); font-size:10px; margin-bottom:15px; }
  .recipe-related-card h3 { font-size:19px; margin-bottom:13px; line-height:1.35; }
  .recipe-related-card p { font-size:12px; line-height:1.85; margin-bottom:22px; }
  .recipe-related-card .text-link { font-size:12px; color:var(--orange); margin-top:auto; }
  .recipe-related-card:hover { border-color:#bb8e6b; }
  .automation-directory .inner-hero .directory-allowance { font-size:12px; line-height:1.85; margin-top:22px; }
  .directory-controls { display:flex; gap:14px; position:relative; z-index:2; }
  .directory-controls[hidden],.directory-sort[hidden],.directory-more[hidden] { display:none; }
  .directory-search { display:flex; align-items:center; gap:13px; flex:1; min-width:0; padding:0 19px; background:#fffdf9; border:1px solid var(--line); border-radius:10px; color:var(--muted); }
  .directory-search:focus-within { border-color:var(--orange); outline:2px solid #b5451726; outline-offset:2px; }
  .directory-search svg { flex-shrink:0; }
  .directory-search input { width:100%; min-width:0; font:inherit; font-size:14px; padding:16px 0; border:0; border-radius:0; color:var(--ink); background:transparent; outline:none; box-shadow:none; appearance:none; }
  .directory-search input::placeholder { color:#766e65; opacity:1; }
  .directory-search input::-webkit-search-cancel-button { appearance:none; }
  .category-filter { position:relative; width:290px; flex-shrink:0; }
  .category-filter summary { display:flex; align-items:center; justify-content:space-between; gap:13px; min-height:55px; padding:14px 18px; border:1px solid var(--line); background:#fffdf9; border-radius:10px; list-style:none; cursor:pointer; font-size:12px; }
  .category-filter summary::-webkit-details-marker { display:none; }
  .filter-chevron { width:7px; height:7px; border:solid currentColor; border-width:0 1px 1px 0; transform:rotate(45deg); flex-shrink:0; margin-top:-4px; }
  .category-filter[open] summary { border-color:var(--orange); }
  .category-options { position:absolute; top:calc(100% + 8px); right:0; width:340px; max-width:calc(100vw - 48px); max-height:360px; overflow:auto; overscroll-behavior:contain; padding:8px; border:1px solid var(--line); background:#fffdf9; border-radius:12px; box-shadow:0 12px 30px #29272416; scrollbar-width:thin; scrollbar-color:#cfc1ae #fffdf9; }
  .category-options button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:11px 12px; border:0; background:transparent; font:inherit; font-size:12px; text-align:left; border-radius:7px; color:var(--ink); cursor:pointer; }
  .category-options button>span { color:var(--muted); font-size:10px; }
  .category-options button:hover,.category-options button[aria-pressed=true] { background:#f7ebdf; color:var(--orange); }
  .directory-results-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:25px 0 21px; }
  .directory-results-bar p { font-size:12px; margin:0; }
  .directory-sort { display:flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:8px; background:#f3efe8; }
  .directory-sort button { padding:6px 12px; border:0; border-radius:5px; background:transparent; color:var(--muted); font:inherit; font-size:11px; cursor:pointer; }
  .directory-sort button[aria-pressed=true] { background:#fffdf9; color:var(--ink); box-shadow:0 1px 3px #29272412; }
  .automation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .automation-card { display:flex; flex-direction:column; min-width:0; padding:26px; background:#fffdf9; border:1px solid var(--line); border-radius:13px; }
  .automation-card[hidden] { display:none; }
  .automation-card:hover { border-color:#bb8e6b; background:#fffbf5; }
  .automation-card-top { display:flex; align-items:center; gap:13px; margin-bottom:26px; }
  .automation-card-top .small-label { font-size:10px; }
  .automation-card-top>svg { margin-left:auto; color:var(--muted); }
  .automation-card-category { font-size:10px; color:var(--orange); margin-bottom:10px; }
  .automation-card h2 { font-size:22px; line-height:1.25; letter-spacing:-.025em; margin-bottom:13px; overflow-wrap:anywhere; }
  .automation-card p { font-size:13px; line-height:1.8; margin-bottom:26px; }
  .automation-card .text-link { font-size:12px; color:var(--orange); margin-top:auto; }
  .directory-more { display:flex; justify-content:center; padding:35px 0 15px; }
  .directory-empty { padding:60px 24px; text-align:center; border:1px dashed var(--line); border-radius:12px; }
  .directory-empty h2 { font-size:28px; }
  .directory-empty p { margin:13px 0 23px; font-size:14px; }
  .tool-sitemap { max-width:1224px; width:85%; margin:0 auto; padding-bottom:75px; }
  .tool-sitemap>h2 { font-size:34px; margin-bottom:30px; }
  @media(max-width:1000px) {
    .automation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .recipe-related-grid { gap:12px; }
    .recipe-related-card { padding:20px; }
  }
  @media(max-width:700px) {
    .recipe-details,.recipe-related-grid { grid-template-columns:1fr; }
    .recipe-details { gap:25px; padding:30px 0; }
    .recipe-details h2 { font-size:19px; }
    .recipe-related .section-head { display:block; }
    .recipe-related .section-head .text-link { margin-top:15px; }
    .directory-controls { flex-direction:column; gap:10px; }
    .category-filter { width:100%; }
    .category-filter summary { min-height:48px; }
    .category-options { width:100%; }
    .automation-grid { gap:14px; }
    .automation-card { padding:20px; }
    .automation-card h2 { font-size:20px; }
    .tool-sitemap { width:calc(100% - 40px); }
  }
  @media(max-width:500px) {
    .automation-grid { grid-template-columns:1fr; }
    .generated-recipe .recipe-intro h1 { font-size:39px; }
    .generated-recipe .recipe-intro .recipe-lead { font-size:20px; }
    .directory-sort button { padding:6px 9px; }
  }
  @media(max-width:360px) {
    .generated-recipe .recipe-intro h1 { font-size:35px; }
    .example-switch button { padding:8px 12px; }
    .generated-recipe .example-result div>span { font-size:10px; }
  }
}
/* Extension tool pages: the same quiet, orange theme as the product. */
@layer components {
  .orange-dot { color:var(--orange); }
  .recipe-page { padding-top:36px; padding-bottom:85px; }
  .recipe-page .breadcrumbs { flex-wrap:wrap; font-size:12px; gap:9px; }
  .recipe-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:64px; align-items:center; padding:48px 0 78px; }
  .recipe-intro h1 { font-size:clamp(38px,4.3vw,61px); line-height:1.09; letter-spacing:-.055em; margin:16px 0 24px; }
  .recipe-intro>p { max-width:440px; font-size:15px; line-height:1.8; }
  .recipe-intro .recipe-lead { font-size:23px; line-height:1.45; color:var(--ink); margin-bottom:15px; letter-spacing:-.025em; }
  .recipe-actions { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin-top:28px; }
  .recipe-secondary { font-size:12px; text-decoration:underline; text-underline-offset:4px; color:var(--muted); }
  .recipe-page .recipe-fine { font-size:12px; line-height:1.7; margin-top:17px; color:var(--muted); }
  .recipe-fine a { text-decoration:underline; text-underline-offset:3px; }
  .recipe-example { min-width:0; margin:0; border:1px solid #e4dbcf; border-radius:17px; background:#fffdf9; box-shadow:0 12px 45px #47382008; overflow:hidden; }
  .example-top { padding:16px 19px; display:flex; align-items:center; gap:12px; background:#f3efe8; border-bottom:1px solid #e4dbcf; font-size:11px; color:var(--muted); }
  .example-dots { color:#b8afa3; font-size:8px; letter-spacing:2px; }
  .example-label { margin-left:auto; font-size:9px; letter-spacing:.09em; }
  .example-inner { padding:26px; }
  .example-switch { display:flex; width:fit-content; padding:4px; border:1px solid var(--line); border-radius:9px; background:#f4f0e9; margin-bottom:24px; }
  .example-switch[hidden] { display:none; }
  .example-switch button { border:0; border-radius:6px; padding:8px 16px; font:inherit; font-size:12px; color:var(--muted); background:transparent; cursor:pointer; }
  .example-switch button[aria-pressed=true] { background:#fffdf9; color:var(--orange); box-shadow:0 1px 4px #47382012; }
  .example-source-url { font-size:11px; margin-bottom:13px; color:var(--muted); overflow-wrap:anywhere; }
  .recipe-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; font-size:12px; text-align:left; }
  .recipe-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .recipe-table th { padding:12px 14px; background:#f4f0e9; font-weight:500; }
  .recipe-table td { padding:14px; border-top:1px solid var(--line); color:var(--muted); }
  #example-csv pre { margin:0; height:172px; overflow:auto; border:1px solid var(--line); padding:17px; border-radius:8px; font-size:11px; line-height:2; background:#f9f6f0; color:var(--ink); }
  .example-result { display:flex; align-items:center; gap:14px; margin-top:25px; padding-top:23px; border-top:1px dashed #ddd2c5; }
  .csv-file { display:grid; place-items:center; flex-shrink:0; width:38px; height:46px; border:1px solid #dab79b; background:#faecdf; color:var(--orange); border-radius:5px 11px 5px 5px; font-size:10px; letter-spacing:.04em; }
  .example-result strong { display:block; font-size:13px; font-weight:500; margin-bottom:4px; }
  .example-result div>span { font-size:11px; color:var(--muted); }
  .example-download { margin-top:23px; color:var(--orange); font-size:12px; }
  .recipe-example figcaption { padding:16px 24px; border-top:1px solid var(--line); font-size:11px; line-height:1.7; color:var(--muted); background:#f8f5ef; }
  .recipe-steps { padding:49px 0 55px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .recipe-page h2 { font-size:32px; line-height:1.2; letter-spacing:-.035em; }
  .recipe-steps ol { list-style:none; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin:32px 0 0; }
  .recipe-steps li { display:flex; align-items:flex-start; gap:14px; }
  .recipe-steps li>span { color:var(--orange); font-size:12px; padding-top:3px; }
  .recipe-steps h3 { font-size:17px; font-weight:500; margin-bottom:9px; }
  .recipe-steps p { font-size:13px; line-height:1.8; }
  .recipe-workflow { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:64px; padding:67px 0; align-items:start; scroll-margin-top:100px; }
  .recipe-prompt>p { font-size:14px; margin-top:15px; line-height:1.8; }
  .recipe-prompt .prompt-block { margin:25px 0 0; background:#fffdf9; padding:25px; }
  .recipe-prompt-label { display:flex; align-items:center; gap:9px; font-size:12px; padding-bottom:19px; border-bottom:1px solid var(--line); }
  .recipe-prompt-label .small-label { margin-left:auto; font-size:9px; }
  .recipe-prompt blockquote { white-space:pre-line; font-size:13px; line-height:1.8; letter-spacing:0; margin:19px 0 23px; color:var(--muted); }
  .recipe-prompt .prompt-copy-status { font-size:11px; line-height:1.6; }
  .recipe-allowance { background:#f3eee5; padding:30px; border-radius:13px; margin-top:3px; }
  .allowance-number { font-size:78px; line-height:1.1; letter-spacing:-.06em; color:var(--orange); margin:22px 0; }
  .allowance-number>span { display:block; font-size:14px; color:var(--ink); letter-spacing:0; margin-top:7px; }
  .recipe-allowance>p { font-size:13px; line-height:1.8; }
  .recipe-allowance ul { padding:18px 0; margin:17px 0 23px; border-top:1px solid #dfd6c9; border-bottom:1px solid #dfd6c9; list-style:none; }
  .recipe-allowance li { font-size:12px; margin:11px 0; display:flex; gap:9px; color:var(--muted); }
  .recipe-allowance li::before { content:'✓'; color:var(--orange); }
  .recipe-allowance .text-link { color:var(--orange); font-size:13px; }
  .recipe-faq { display:grid; grid-template-columns:1fr 1.65fr; gap:70px; border-top:1px solid var(--line); padding:62px 0 70px; }
  .recipe-faq>div>p { font-size:14px; line-height:1.8; margin-top:20px; }
  .recipe-faq .text-link { font-size:12px; color:var(--orange); margin-top:23px; }
  .recipe-faq .faq-list summary { font-size:14px; }
  .recipe-faq .faq-list p { font-size:13px; }
  .automation-directory { padding-bottom:95px; }
  .automation-directory .inner-hero { padding-top:70px; padding-bottom:43px; }
  .automation-feature { display:grid; grid-template-columns:1.2fr 1fr; gap:65px; padding:43px; background:#fffdf9; border:1px solid #dfd4c5; border-radius:16px; }
  .automation-feature:hover { border-color:#bb8e6b; }
  .automation-feature>div { min-width:0; }
  .automation-feature .tool-icon { display:flex; margin-bottom:27px; }
  .automation-feature .eyebrow { font-size:10px; margin-bottom:12px; }
  .automation-feature h2 { font-size:32px; line-height:1.2; margin-bottom:16px; }
  .automation-feature p { font-size:14px; line-height:1.8; max-width:430px; }
  .automation-feature .text-link { color:var(--orange); font-size:13px; margin-top:27px; }
  .tools-feature .automation-feature { color:var(--ink); }
  .tools-feature .automation-feature .eyebrow,.tools-feature .automation-feature .text-link { color:var(--orange); }
  .tools-feature .automation-feature .tool-icon { color:var(--orange); background:var(--pale); border-color:#e4d7c5; }
  .feature-mini { background:#f3efe8; border-radius:10px; padding:28px; align-self:center; }
  .feature-mini>div>span { font-size:9px; letter-spacing:.09em; color:var(--muted); }
  .mini-row { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #ded6cb; font-size:12px; color:var(--muted); }
  .mini-row b { font-weight:500; color:var(--ink); }
  .mini-export { display:flex; align-items:center; gap:14px; margin-top:25px; }
  .feature-mini .mini-export>span:last-child { font-size:12px; letter-spacing:0; line-height:1.8; }
  .mini-export strong { color:var(--ink); font-weight:500; }
  .directory-note { display:flex; align-items:flex-start; gap:18px; margin:33px 0 0; }
  .directory-note img { flex-shrink:0; }
  .directory-note strong { font-size:14px; font-weight:500; }
  .directory-note p { font-size:12px; line-height:1.8; max-width:660px; margin-top:7px; }
  .directory-note .text-link { flex-shrink:0; margin-left:auto; font-size:12px; color:var(--orange); }
  .tool-setup-context { max-width:700px; }
  .tool-setup-context[hidden] { display:none; }
  .tool-setup-context p { font-size:13px; margin:8px 0; }
  @media(max-width:1000px) {
    .recipe-hero { gap:28px; }
    .recipe-workflow,.recipe-faq { gap:32px; }
    .example-top { gap:8px; }
    .example-dots { display:none; }
    .example-inner { padding:20px; }
    .automation-feature { gap:30px; padding:30px; }
  }
  @media(max-width:700px) {
    .recipe-hero { grid-template-columns:1fr; padding:32px 0 43px; gap:33px; }
    .recipe-intro h1 { font-size:44px; }
    .recipe-intro>p { max-width:none; }
    .recipe-steps ol,.recipe-workflow,.recipe-faq { grid-template-columns:1fr; }
    .recipe-steps ol { gap:25px; }
    .recipe-workflow { padding:42px 0; }
    .recipe-allowance { margin-top:0; }
    .recipe-faq { padding:40px 0; gap:24px; }
    .recipe-page h2 { font-size:28px; }
    .recipe-page { padding-top:22px; padding-bottom:45px; }
    .automation-feature { grid-template-columns:1fr; padding:24px; gap:25px; }
    .automation-feature h2 { font-size:29px; }
    .feature-mini { padding:20px; }
    .directory-note { flex-wrap:wrap; }
    .directory-note>div { flex:1; min-width:180px; }
    .directory-note .text-link { margin-left:50px; }
    .automation-directory { padding-bottom:50px; }
    .automation-directory .inner-hero { padding-top:42px; }
  }
  @media(max-width:360px) {
    .recipe-intro h1 { font-size:38px; }
    .recipe-actions .button { padding:13px; font-size:12px; gap:7px; }
    .recipe-table td,.recipe-table th { padding:12px 8px; }
    .example-inner,.recipe-prompt .prompt-block,.recipe-allowance { padding:18px; }
  }
}
@layer components {
  .desktop-nav { margin-left:20px; gap:25px; align-items:center; }
  .nav-dropdown { position:relative; }
  .nav-dropdown summary { display:flex; align-items:center; gap:6px; list-style:none; cursor:pointer; font-size:13px; font-weight:500; padding:14px 0; }
  .nav-dropdown summary::-webkit-details-marker { display:none; }
  .nav-dropdown summary::after { content:''; width:5px; height:5px; border:solid currentColor; border-width:0 1px 1px 0; transform:rotate(45deg) translateY(-2px); }
  .nav-dropdown summary:hover,.nav-dropdown[open] summary { color:var(--orange); }
  .nav-dropdown-panel { position:absolute; top:100%; left:-23px; min-width:235px; background:#fffdf9; border:1px solid var(--line); border-radius:12px; padding:10px; box-shadow:0 12px 35px #29272412; }
  .nav-dropdown-panel a { display:block; padding:10px 12px; border-radius:6px; }
  .nav-dropdown-panel a:hover { background:var(--pale); }
  .mobile-nav { max-height:calc(100dvh - 75px); overflow:auto; }
  .mobile-nav-label { display:block; font-size:10px; letter-spacing:.1em; color:var(--muted); margin-top:15px; padding-top:12px; border-top:1px solid var(--line); }
  .site-footer .footer-top { grid-template-columns:1.35fr 1fr 1fr 1fr; }
  .footer-bottom .footer-legal-links { display:flex; gap:20px; flex-wrap:wrap; margin-left:auto; }
  .footer-bottom .footer-legal-links a:hover { color:var(--orange); }
  .inner-hero { padding:54px 0 60px; }
  .inner-hero .breadcrumbs { margin-bottom:35px; }
  .inner-hero h1 { font-size:clamp(42px,5vw,68px); max-width:800px; line-height:1.08; margin-bottom:22px; }
  .inner-hero>p { max-width:620px; font-size:17px; line-height:1.8; }
  .inner-hero .hero-actions { margin-top:27px; }
  .inner-hero.split-hero { display:grid; grid-template-columns:.9fr 1.1fr; gap:55px; align-items:center; }
  .split-hero .breadcrumbs { grid-column:1/-1; margin-bottom:-20px; }
  .split-hero h1 { font-size:clamp(42px,4.5vw,64px); }
  .split-hero p { font-size:16px; line-height:1.8; }
  .inner-section { padding:64px 0; border-top:1px solid var(--line); }
  .inner-section .section-head { margin-bottom:33px; }
  .inner-section .section-head h2 { font-size:38px; }
  .page-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  .page-card { display:flex; flex-direction:column; min-width:0; padding:29px; border:1px solid var(--line); border-radius:13px; background:#fffdf9; }
  .page-card .tool-icon { margin-bottom:27px; }
  .page-card h2,.page-card h3 { font-size:24px; line-height:1.25; margin-bottom:12px; }
  .page-card p { font-size:14px; line-height:1.8; }
  .page-card .text-link { margin-top:auto; padding-top:24px; color:var(--orange); font-size:13px; }
  a.page-card:hover { border-color:#d3b293; background:#fffaf3; }
  .page-card .card-kicker { font-size:10px; color:var(--orange); text-transform:uppercase; letter-spacing:.09em; margin-bottom:13px; }
  .two-column { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
  .two-column .prose { min-width:0; }
  .two-column h2 { font-size:32px; margin-bottom:20px; }
  .two-column>div>p { font-size:15px; line-height:1.85; }
  .quiet-panel { border-radius:14px; background:#f1eee6; border:1px solid #e4ddd1; padding:31px; }
  .quiet-panel.orange-panel { background:#f9ecdf; }
  .quiet-panel h3 { font-size:23px; margin-bottom:13px; }
  .quiet-panel p { font-size:14px; line-height:1.85; }
  .quiet-panel ul { list-style:none; padding:0; margin-top:20px; }
  .quiet-panel li { display:flex; gap:10px; font-size:13px; margin-top:11px; color:var(--muted); }
  .quiet-panel li svg { color:var(--orange); margin-top:3px; }
  .number-list { list-style:none; padding:0; counter-reset:step; }
  .number-list li { display:flex; gap:19px; padding:23px 0; border-bottom:1px solid var(--line); counter-increment:step; }
  .number-list li::before { content:'0' counter(step); width:31px; flex-shrink:0; color:var(--orange); font-size:12px; margin-top:4px; }
  .number-list strong { font-weight:550; color:var(--ink); display:block; margin-bottom:5px; }
  .number-list p { font-size:14px; line-height:1.8; }
  .prompt-block { border:1px solid #e4d7c5; border-radius:13px; background:#fcf5eb; padding:28px; margin:26px 0; }
  .prompt-block blockquote { margin:12px 0 19px; font-size:21px; letter-spacing:-.03em; line-height:1.55; color:var(--ink); }
  .prompt-copy-status { min-height:20px; font-size:12px; margin-top:10px; }
  .content-note { padding:19px 22px; border-left:3px solid var(--orange); background:#f4eee4; border-radius:0 8px 8px 0; font-size:13px; color:var(--muted); line-height:1.8; margin:28px 0; }
  .content-note strong { color:var(--ink); font-weight:600; }
  .comparison-wrap { overflow:auto; border:1px solid var(--line); border-radius:12px; margin-top:26px; }
  .comparison { width:100%; border-collapse:collapse; font-size:13px; text-align:left; min-width:640px; }
  .comparison caption { text-align:left; font-size:14px; font-weight:550; color:var(--ink); padding:20px; background:#f4f1eb; }
  .comparison th,.comparison td { border-bottom:1px solid var(--line); padding:17px 20px; vertical-align:top; }
  .comparison th { color:var(--ink); font-weight:550; }
  .comparison td { color:var(--muted); }
  .comparison tr:last-child>* { border-bottom:0; }
  .comparison thead { background:#f9f5ee; }
  .comparison td strong { color:var(--orange); font-weight:550; }
  .integration-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
  .integration-card { padding:30px; background:#fffdf9; border:1px solid var(--line); border-radius:14px; }
  .integration-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
  .integration-symbol { display:grid; place-items:center; width:53px; height:53px; border-radius:12px; background:#f4e7da; color:var(--orange); font-size:28px; font-weight:600; }
  .integration-card h2 { font-size:29px; margin-bottom:13px; }
  .integration-card p { font-size:14px; max-width:460px; line-height:1.8; }
  .integration-card .text-link { margin-top:23px; color:var(--orange); }
  .integration-flow { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:28px 0; }
  .integration-flow>span { padding:12px 18px; border:1px solid var(--line); background:#fffdf9; border-radius:9px; font-size:13px; }
  .integration-flow>span:first-child { display:flex; align-items:center; gap:9px; background:var(--pale); }
  .integration-flow>span:first-child img { width:24px; }
  .guide-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:65px; padding:30px 0 90px; }
  .guide-sidebar { align-self:start; position:sticky; top:115px; padding:22px; border:1px solid var(--line); border-radius:12px; background:#f4f1eb; }
  .guide-sidebar a { display:block; font-size:13px; color:var(--muted); margin-top:16px; line-height:1.5; }
  .guide-sidebar a:hover,.guide-sidebar a[aria-current] { color:var(--orange); }
  .guide-sidebar .small-label { display:block; margin-bottom:4px; font-size:10px; }
  .guide-sidebar hr { border:0; border-top:1px solid var(--line); margin:20px 0; }
  .guide-content { max-width:780px; min-width:0; }
  .guide-content h1 { font-size:48px; margin:0 0 23px; }
  .guide-content .lead { font-size:17px; margin-bottom:30px; }
  .guide-content h2 { margin-top:38px; font-size:28px; }
  .guide-content .policy-date { font-size:12px; margin:0 0 24px; }
  .policy-contents { display:flex; gap:8px; flex-wrap:wrap; margin:27px 0; }
  .policy-contents a { padding:7px 11px; border:1px solid var(--line); border-radius:6px; font-size:11px; background:#fffdf9; color:var(--muted); text-decoration:none; }
  .draft-notice { border:1px solid #dfc5ab; background:#fff3e5; border-radius:10px; padding:20px 23px; margin-bottom:28px; color:#775033; font-size:13px; line-height:1.8; }
  .draft-notice strong { color:#775033; }
  .legal-keyfacts { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:27px 0; }
  .legal-keyfacts>div { padding:22px; border:1px solid var(--line); background:#f6f3ec; border-radius:9px; }
  .legal-keyfacts strong { display:block; font-size:14px; margin-bottom:5px; }
  .legal-keyfacts p { margin:0; font-size:13px; line-height:1.8; }
  .policy-table { width:100%; border-collapse:collapse; font-size:12px; min-width:510px; }
  .policy-table th,.policy-table td { text-align:left; padding:15px; border-bottom:1px solid var(--line); vertical-align:top; }
  .policy-table th { color:var(--ink); font-weight:550; background:#f2eee6; }
  .policy-table code { overflow-wrap:anywhere; }
  .help-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
  .help-grid .faq-list summary { font-size:14px; }
  .help-search { max-width:540px; width:100%; margin-top:25px; }
  .help-result { font-size:12px; margin-top:12px; min-height:20px; }
  .contact-form { max-width:730px; background:#fffdf9; border:1px solid var(--line); border-radius:14px; padding:31px; }
  .contact-form .form-row { margin-bottom:21px; }
  .contact-form label { display:block; margin-bottom:8px; }
  .contact-form textarea { min-height:170px; line-height:1.7; }
  .contact-form .form-hint { font-size:12px; margin-top:8px; }
  .topic-buttons { display:flex; gap:7px; flex-wrap:wrap; }
  .topic-buttons button { color:var(--muted); background:#f5f1eb; border:1px solid var(--line); border-radius:7px; padding:9px 13px; font-size:12px; }
  .topic-buttons button[aria-pressed=true] { background:var(--pale); color:var(--orange); border-color:#d7b596; }
  .contact-output { margin-top:25px; }
  .contact-output textarea { font-family:ui-monospace,monospace; font-size:12px; }
  .contact-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
  .contact-actions .button { min-height:43px; font-size:12px; }
  .form-error { color:#ac3023; font-size:13px; margin:12px 0; }
  .home-route-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; padding:65px 0; }
  .home-route-links h2 { font-size:25px; }
  .home-product-link { margin:28px 0 0; }
  .compact-pricing { display:flex; align-items:center; justify-content:space-between; gap:25px; border-block:1px solid var(--line); padding:33px 0; margin-bottom:65px; }
  .compact-pricing h2 { font-size:29px; margin-bottom:8px; }
  .compact-pricing p { font-size:14px; }
  .legal-hub { padding-bottom:80px; }
  .legal-hub .page-cards { grid-template-columns:1fr 1fr; }
  .note-link { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
  .sitemap-links { padding:0; list-style:none; margin-top:5px; }
  .sitemap-links li { margin-top:12px; font-size:13px; line-height:1.65; }
  .sitemap-links a { color:var(--muted); }
  .sitemap-links a:hover { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
}
@layer responsive {
  @media(max-width:1100px) { .desktop-nav { gap:17px; margin-left:0; }.desktop-nav a,.nav-dropdown summary { font-size:12px; }.nav-actions { gap:18px; }.inner-hero.split-hero { gap:30px; }.guide-layout { gap:40px; grid-template-columns:195px minmax(0,1fr); }.page-card { padding:23px; } }
  @media(max-width:900px) { .desktop-nav { display:none; }.login-link { display:none; }.menu-toggle { display:inline-flex; }.nav-actions { margin-left:auto; }.site-header { height:75px; }.inner-hero.split-hero { grid-template-columns:1fr; }.split-hero .breadcrumbs { margin-bottom:0; }.split-hero .demo-stage { max-width:640px; width:100%; }.page-cards { gap:16px; }.guide-layout { grid-template-columns:1fr; gap:35px; }.guide-sidebar { position:static; }.guide-sidebar a { display:inline-block; margin-right:18px; }.guide-sidebar hr { margin:15px 0; }.guide-content { max-width:none; }.help-grid { gap:25px; } }
  @media(max-width:640px) { .inner-hero { padding:33px 0 40px; }.inner-hero .breadcrumbs { margin-bottom:25px; }.inner-hero h1,.split-hero h1 { font-size:43px; }.inner-hero>p { font-size:16px; }.inner-section { padding:43px 0; }.inner-section .section-head h2 { font-size:32px; }.page-cards,.two-column,.help-grid,.integration-grid { grid-template-columns:1fr; gap:20px; }.home-route-links { grid-template-columns:1fr; gap:17px; padding:43px 0; }.home-route-links .page-card { padding:26px; }.compact-pricing { display:block; margin-bottom:42px; }.compact-pricing .button { margin-top:20px; }.site-footer .footer-top { grid-template-columns:1fr 1fr; }.footer-top>div:first-child { grid-column:1/-1; }.footer-top .footer-column:last-child { grid-column:1/-1; }.footer-bottom .footer-legal-links { margin-left:0; gap:15px; }.footer-bottom { align-items:flex-start; }.guide-layout { padding-bottom:55px; }.guide-content h1 { font-size:39px; }.guide-content .lead { font-size:16px; }.guide-content h2 { font-size:27px; }.legal-keyfacts { grid-template-columns:1fr; }.legal-hub .page-cards { grid-template-columns:1fr; }.contact-form { padding:22px; }.quiet-panel { padding:25px; }.integration-flow { gap:8px; }.integration-flow>span { font-size:11px; padding:10px 12px; }.integration-flow>svg { width:15px; }.prompt-block { padding:22px; }.prompt-block blockquote { font-size:18px; }.page-card h2,.page-card h3 { font-size:23px; } }
  @media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }
}