/* Illustrative CSS structures: no fabric photography or performance claims. */
.hl-studio .fg-guide{--fg-colour:#a5b3a1;max-width:var(--content-width,1600px);margin:64px auto 0;padding-top:48px;border-top:1px solid var(--line,#d4d8ce);color:var(--ink,#26332b);min-width:0}
.fg-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:32px}
.fg-heading>*{min-width:0}
.hl-studio .fg-heading h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.1vw,3.1rem);font-weight:400;line-height:1.14;letter-spacing:-.03em;margin:0;max-width:18ch}
.hl-studio .fg-heading>p{font-size:1rem;line-height:1.75;max-width:44em;margin:0}
.fg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fg-card{min-width:0;padding:clamp(20px,2.7vw,34px);background:#fcfcf8;border:1px solid var(--line,#d4d8ce);border-radius:3px;display:flex;flex-direction:column}
.fg-card.fg-current{border-color:#75846f;box-shadow:inset 0 0 0 1px #75846f}
.fg-texture{height:clamp(124px,14vw,180px);border:1px solid #26332b14;border-radius:3px;background-color:var(--fg-colour);overflow:hidden}
.fg-texture-linen{background-image:repeating-linear-gradient(0deg,#fcfcf846 0 2px,#26332b24 2px 3px,transparent 3px 5px),repeating-linear-gradient(90deg,#fcfcf830 0 2px,#26332b20 2px 3px,transparent 3px 5px);background-size:auto}
.fg-texture-boucle{background-image:radial-gradient(ellipse at 43% 36%,#fcfcf875 0 23%,#26332b35 32% 41%,transparent 57%),radial-gradient(ellipse at 63% 70%,#fcfcf855 0 24%,#26332b2c 35% 43%,transparent 61%);background-size:15px 17px,17px 15px;background-position:0 0,8px 6px}
.fg-texture-memory{background-image:repeating-linear-gradient(113deg,#fcfcf808 0 2px,#fcfcf838 2px 3px,transparent 3px 5px),linear-gradient(128deg,#26332b35 0%,transparent 35%,#fcfcf840 50%,transparent 66%,#26332b24 100%)}
.fg-texture-rib{background-image:repeating-linear-gradient(90deg,#fcfcf835 0 7px,#26332b38 7px 9px,#fcfcf865 9px 12px,transparent 12px 16px)}
.hl-studio .fg-texture-caption{font-size:.8125rem;line-height:1.5;margin:10px 0 22px;color:var(--muted,#626b61)}
.fg-card-heading{margin-bottom:22px}
.hl-studio .fg-card h4{font-size:1.5rem;line-height:1.25;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.015em;margin:0}
.hl-studio .fg-card-heading>p{font-size:.9375rem;line-height:1.6;margin:7px 0 0;color:var(--ink,#26332b)}
.fg-card dl{padding:0;margin:0;display:grid;gap:19px}
.fg-card dl>div{min-width:0}
.fg-card dt{font-size:.875rem;line-height:1.5;font-weight:600;margin:0 0 5px;color:var(--ink,#26332b)}
.fg-card dd{font-size:.9375rem;line-height:1.7;margin:0;color:var(--muted,#626b61)}
.fg-sample-check{margin-top:24px;padding:18px;border-radius:3px;background:#e9ece4}
.hl-studio .fg-sample-check h5{font-size:.875rem;line-height:1.5;font-weight:600;margin:0;color:var(--ink,#26332b)}
.hl-studio .fg-sample-check p{font-size:.875rem;line-height:1.7;margin:7px 0 0}
.fg-card-action{display:grid;gap:8px;margin-top:auto;padding-top:26px}
.hl-studio .fg-choose{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:48px;padding:12px 16px;color:var(--ink,#26332b);background:transparent;border:1px solid #9ca995;border-radius:3px;font-size:.9375rem;line-height:1.5;text-align:left;white-space:normal}
.fg-choose-mark{visibility:hidden;flex-shrink:0;font-size:1rem;line-height:1}
.hl-studio .fg-choose[aria-pressed="true"]{background:var(--ink,#26332b);border-color:var(--ink,#26332b);color:#fff}
.fg-choose[aria-pressed="true"] .fg-choose-mark{visibility:visible}
.hl-studio .fg-choose:hover:not(:disabled):not([aria-pressed="true"]){background:#e9ece4;border-color:var(--ink,#26332b)}
.fg-choose:disabled{opacity:.55;cursor:wait}
.fg-selected{font-size:.8125rem;line-height:1.6;color:var(--ink,#26332b)}
.fg-selected[hidden]{display:none}
.hl-studio .fg-status{font-size:.9375rem;line-height:1.6;min-height:1.6em;margin:24px 0 12px;color:var(--ink,#26332b)}
.hl-studio .fg-schematic-note{font-size:.875rem;line-height:1.7;margin:8px 0;max-width:72em}
.fg-sample-note{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:28px;margin-top:28px;padding:26px;background:#e9ece4;border-radius:3px}
.hl-studio .fg-sample-note h4{font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;line-height:1.25;letter-spacing:-.015em;font-weight:400;margin:0}
.hl-studio .fg-sample-note p{font-size:.9375rem;line-height:1.75;margin:0}
.fg-sources{margin-top:28px;padding-top:18px;border-top:1px solid var(--line,#d4d8ce)}
.hl-studio .fg-sources summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:.9375rem;line-height:1.6;list-style:none;cursor:pointer}
.fg-sources summary::-webkit-details-marker{display:none}
.fg-sources summary::after{content:'+';flex-shrink:0;font-size:1.25rem}
.fg-sources[open] summary::after{content:'−'}
.hl-studio .fg-sources>p{font-size:.875rem;line-height:1.7;max-width:72em;margin-top:14px}
.fg-sources>div{display:flex;flex-wrap:wrap;gap:0 24px}
.hl-studio .fg-sources a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;line-height:1.6;max-width:100%;text-decoration:underline;text-underline-offset:4px}
.hl-studio .fg-guide :is(button,a,summary):focus-visible{outline:3px solid var(--ink,#26332b);outline-offset:4px}
@media(max-width:760px){.hl-studio .fg-guide{margin-top:48px;padding-top:36px}.fg-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:26px}.hl-studio .fg-heading h3{max-width:24ch}.fg-grid{grid-template-columns:minmax(0,1fr);gap:20px}.fg-texture{height:150px}.fg-sample-note{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px}}
@media(max-width:420px){.hl-studio .fg-guide{margin-top:40px;padding-top:30px}.fg-card{padding:20px}.hl-studio .fg-heading h3{font-size:2rem}.hl-studio .fg-heading>p{font-size:.9375rem}.fg-card dd{font-size:.875rem;line-height:1.75}.fg-sample-check{padding:15px}.hl-studio .fg-choose{font-size:.875rem;padding:12px}.fg-texture{height:140px}.fg-sample-note{padding:20px}.hl-studio .fg-sample-note p{font-size:.875rem}.fg-sources>div{display:grid;gap:0}}
@media print{.fg-grid{display:block}.fg-card{break-inside:avoid;margin-bottom:20px}.fg-card-action,.fg-status{display:none}.fg-texture{print-color-adjust:exact}.fg-sample-note{display:block}.fg-sources>p,.fg-sources>div{display:block!important}}