:root{--color-bg: #f4f9f6;--color-surface: #ffffff;--color-surface-soft: #edf6f2;--color-border: #c9ddd4;--color-border-strong: #9ebfb3;--color-text: #16362f;--color-text-muted: #4a6a61;--color-primary: #1e8f78;--color-primary-hover: #197764;--color-primary-soft: #e3f4ee;--color-accent: #d18b51;--color-chip-bg: #ebf6f1;--color-chip-text: #255247;--container: 1140px;--container-padding: 16px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--button-radius: 999px;--button-height: 38px;--shadow-soft: 0 6px 18px rgba(22, 54, 47, .07);--focus-ring: 0 0 0 3px rgba(30, 143, 120, .24)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:Nunito Sans,ui-rounded,Avenir Next,Hiragino Sans,Yu Gothic,Noto Sans,system-ui,sans-serif;font-size:.94rem;line-height:1.55}body{min-width:320px}a{color:inherit;text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}button,input,select{font:inherit}.site-layout-body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-layout-content{flex:1 0 auto;min-height:0}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--color-border);background:#edf6f2f7;backdrop-filter:blur(9px)}.site-header__inner{max-width:var(--container);margin:0 auto;padding:10px var(--container-padding) 9px}.site-header__top{display:grid;grid-template-columns:minmax(360px,1fr) auto auto;align-items:center;gap:12px}.site-header__browse{display:grid;grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:12px;min-width:0}.site-brand{min-width:220px;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.site-brand__mark{width:36px;height:36px;border:1px solid var(--color-border-strong);border-radius:11px;background:linear-gradient(155deg,#f8fffb 0%,var(--color-primary-soft) 100%);color:var(--color-primary-hover);font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.site-brand__text{min-width:0}.site-brand__text strong{display:block;color:var(--color-text);font-size:.95rem;line-height:1.18;font-weight:800;text-transform:uppercase;overflow-wrap:anywhere}.site-header-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.site-header-search__sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.site-header-search__input{min-height:38px;min-width:0;border:1px solid var(--color-border);border-radius:var(--button-radius);padding:0 14px;background:#fff;color:var(--color-text);font-size:.88rem}.site-header-search__button,.site-mobile-search__submit{min-height:38px;min-width:42px;border:1px solid var(--color-primary-hover);border-radius:var(--button-radius);padding:0 12px;background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;cursor:pointer}.site-header-search__icon,.site-mobile-search__icon,.site-mobile-header-icon-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.site-nav__link,.site-create-link{min-height:34px;border-radius:var(--button-radius);padding:6px 11px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.site-nav__link{border:1px solid var(--color-border);background:linear-gradient(180deg,#ffffff 0%,var(--color-surface-soft) 100%);color:var(--color-chip-text)}.site-nav__link:hover{border-color:var(--color-border-strong);background:#fff}.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.site-create-link,.primary-cta{border:1px solid var(--color-primary-hover);background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 8px 16px #1e8f7829}.site-create-link:hover,.primary-cta:hover{background:linear-gradient(160deg,var(--color-primary-hover) 0%,#146556 100%)}.site-mobile-search,.site-mobile-nav{display:none;position:relative}.site-mobile-header-icon-button{list-style:none;min-height:34px;min-width:36px;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-primary-hover);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.site-mobile-header-icon-button::-webkit-details-marker,.site-mobile-nav__summary::-webkit-details-marker{display:none}.site-mobile-search__panel,.site-mobile-nav__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:45;width:min(320px,calc(100vw - 32px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;padding:9px;box-shadow:0 10px 24px #16362f24}.site-mobile-search__panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.site-mobile-search__input{min-height:38px;min-width:0;border:1px solid var(--color-border);border-radius:var(--button-radius);padding:0 12px}.site-mobile-nav__panel{display:grid;gap:5px}.site-mobile-nav__link{border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-text);text-decoration:none;font-weight:700}.site-mobile-nav__link--create{background:var(--color-primary);color:#fff}.page-wrap{max-width:var(--container);margin:0 auto;padding:20px var(--container-padding) 40px}.tutorial-shell{display:grid;gap:14px}.pattern-detail__breadcrumbs{margin-bottom:0}.pattern-detail__breadcrumbs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.02em}.pattern-detail__breadcrumbs-list a{color:var(--color-text-muted);text-decoration:none}.pattern-detail__breadcrumbs-list a:hover{color:var(--color-primary-hover);text-decoration:underline}.tutorial-hero,.tutorial-section,.tutorial-note,.related-panel,.cta-panel,.color-tool{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff 0%,var(--color-surface-soft) 100%);box-shadow:0 4px 10px #16362f0d}.tutorial-hero{padding:20px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:16px;align-items:stretch}.tutorial-hero__copy{display:grid;align-content:start;gap:10px}.tutorial-hero h1{margin:0;color:var(--color-text);font-size:clamp(1.65rem,2.45vw,2.25rem);line-height:1.1}.tutorial-hero p{margin:0;max-width:72ch;color:var(--color-text-muted);font-size:.96rem}.tutorial-hero__actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.primary-cta,.secondary-cta{min-height:36px;border-radius:var(--button-radius);padding:8px 13px;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.secondary-cta{border:1px solid var(--color-border);background:#fff;color:var(--color-chip-text)}.secondary-cta:hover{border-color:var(--color-border-strong)}.tutorial-media{margin:0;min-height:0;display:flex;align-items:center}.tutorial-media__image{width:100%;height:auto;aspect-ratio:16 / 9;display:block;border-radius:10px;object-fit:contain}.tutorial-content{display:grid;gap:12px}.tutorial-section,.tutorial-note,.related-panel,.cta-panel,.color-tool{padding:16px 14px 14px}.tutorial-section h2,.tutorial-note h2,.related-panel h2,.cta-panel h2,.color-tool h2{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.08rem;line-height:1.2}.tutorial-section h3{margin:12px 0 6px;font-size:.98rem}.tutorial-section p,.tutorial-note p,.cta-panel p,.color-tool p{margin:0 0 9px;color:var(--color-text-muted)}.tutorial-section p:last-child,.tutorial-note p:last-child,.cta-panel p:last-child,.color-tool p:last-child{margin-bottom:0}.tutorial-section ul,.tutorial-tips ul{margin:8px 0 0;padding-left:20px;color:var(--color-text-muted)}.tutorial-section li+li,.tutorial-tips li+li{margin-top:4px}.tutorial-note{border-style:dashed;background:#f8fcfa}.related-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.related-grid a{min-height:112px;height:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:11px;display:grid;gap:5px;text-decoration:none}.related-grid a:hover{border-color:var(--color-border-strong)}.related-grid strong{color:var(--color-text);font-size:.9rem;line-height:1.25}.related-grid span{color:var(--color-text-muted);font-size:.78rem;line-height:1.42}.cta-panel{display:grid;justify-items:start;gap:6px}.color-tool{display:grid;gap:10px}.color-tool__head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.color-tool__head h2{margin-bottom:5px}.color-tool__controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.color-tool__controls label{display:grid;gap:4px}.color-tool__controls span{color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.color-tool__controls input,.color-tool__controls select{min-height:38px;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text);padding:7px 10px}.color-tool__description{padding-bottom:9px;border-bottom:1px solid var(--color-border)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.color-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"swatch code" "swatch name" "swatch hex" "actions actions";gap:3px 9px}.color-card__swatch{grid-area:swatch;width:34px;height:34px;border:1px solid rgba(22,54,47,.24);border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff73}.color-card__code{grid-area:code;color:var(--color-text);font-size:.88rem;font-weight:800;line-height:1.1}.color-card__name{grid-area:name;color:var(--color-text-muted);font-size:.75rem;line-height:1.2;overflow-wrap:anywhere}.color-card__hex{grid-area:hex;color:var(--color-text-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.color-card__actions{grid-area:actions;margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.color-card__actions button{min-height:28px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);color:var(--color-chip-text);font-size:.68rem;font-weight:800;cursor:pointer}.color-card__actions button:hover{border-color:var(--color-border-strong);background:#fff}.color-tool__empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:14px;text-align:center}.site-footer{flex-shrink:0;margin-top:28px;border-top:1px solid var(--color-border);background:#e8f3ee}.site-footer__inner{max-width:var(--container);margin:0 auto;padding:26px var(--container-padding) 28px;display:grid;grid-template-columns:minmax(240px,1.45fr) repeat(4,minmax(135px,1fr));gap:18px}.site-footer__brand{display:grid;align-content:start;gap:10px}.site-footer__brand-stamp{margin:0;color:var(--color-text);font-size:1.28rem;line-height:1.18;font-weight:800}.site-footer__brand-copy,.site-footer__contact-copy,.site-footer__contact-meta,.site-footer__copyright{margin:0;color:var(--color-text-muted);font-size:.84rem}.site-footer__brand-cta{width:fit-content;min-height:34px;border:1px solid var(--color-primary-hover);border-radius:var(--button-radius);padding:7px 12px;background:var(--color-primary);color:#fff;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.site-footer__accordion{border:0}.site-footer__accordion-summary{list-style:none;cursor:default}.site-footer__accordion-summary::-webkit-details-marker{display:none}.site-footer__title{color:var(--color-text);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-footer__nav ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}.site-footer__nav a,.site-footer__legal-links a{color:var(--color-text-muted);font-size:.84rem;text-decoration:none}.site-footer__nav a:hover,.site-footer__legal-links a:hover{color:var(--color-primary-hover);text-decoration:underline}.site-footer__accordion-panel{margin-top:10px;display:grid;gap:9px}.site-footer__contact-copy strong{color:var(--color-text)}.site-footer__legal{border-top:1px solid var(--color-border);max-width:var(--container);margin:0 auto;padding:14px var(--container-padding) 18px;display:grid;gap:8px}.site-footer__legal-links{display:flex;flex-wrap:wrap;gap:8px 12px}@media(max-width:1100px){.site-header__top{grid-template-columns:minmax(0,1fr) auto}.site-nav--desktop{display:none}.site-mobile-nav{display:block}.site-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__brand{grid-column:1 / -1}}@media(max-width:820px){.site-header__browse{grid-template-columns:auto}.site-header-search{display:none}.site-mobile-search{display:block}.site-brand{min-width:0}.site-create-link{display:none}.tutorial-hero{grid-template-columns:1fr;padding:16px 14px 14px}.related-grid{grid-template-columns:1fr}.color-tool__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){html,body{font-size:.91rem}.site-header__inner{padding-top:8px}.site-brand__text strong{font-size:.82rem}.page-wrap{padding:14px 10px 34px}.tutorial-shell{gap:12px}.tutorial-hero h1{font-size:clamp(1.45rem,8vw,1.85rem)}.color-tool__controls,.color-grid{grid-template-columns:1fr}.site-footer__inner{grid-template-columns:1fr;gap:12px}.site-footer__accordion{border-top:1px solid var(--color-border);padding-top:10px}.site-footer__accordion-summary{cursor:pointer}.site-footer__accordion-summary:after{content:"+";float:right;color:var(--color-text-muted);font-weight:800}.site-footer__accordion[open] .site-footer__accordion-summary:after{content:"-"}}:root{--site-chrome-start: #2f9a85;--site-chrome-mid: #268d7b;--site-chrome-end: #2a7c74;--site-chrome-footer-start: #327f70;--site-chrome-footer-mid: #2d7468;--site-chrome-footer-end: #275f5d;--site-chrome-border: rgba(255, 255, 255, .34);--site-chrome-text: #f4fffb;--site-chrome-text-muted: #d5efe7;--site-chrome-cta-bg: var(--color-primary);--site-chrome-cta-border: #1b806b;--site-chrome-cta-hover: var(--color-primary-hover);--site-chrome-cta-text: #ffffff}html,body{background:linear-gradient(180deg,#f6faf8 0%,var(--color-bg) 100%)}.site-header{z-index:60;border-bottom:1px solid var(--site-chrome-border);background:linear-gradient(96deg,var(--site-chrome-start) 0%,var(--site-chrome-mid) 52%,var(--site-chrome-end) 100%);backdrop-filter:none}.site-header__inner{max-width:min(1480px,100%);padding:6px 16px}.site-header__top{grid-template-columns:minmax(0,540px) minmax(260px,1fr) auto;gap:10px}.site-header__browse{grid-template-columns:auto minmax(180px,300px);gap:10px}.site-header__brand-area{min-width:0;display:inline-flex;align-items:center;gap:8px}.site-brand{min-width:0;gap:9px}.site-brand__logo-wrap{width:36px;height:36px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.site-brand__logo{width:100%;height:100%;display:block;object-fit:cover}.site-brand__text strong{color:var(--site-chrome-text);font-size:.86rem;line-height:1.1;letter-spacing:.03em;text-transform:none}.site-header-search{width:100%;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#fff;overflow:hidden;gap:0}.site-header-search__input{min-height:34px;border:0;border-radius:0;background:transparent;color:#17416d}.site-header-search__button{min-height:34px;min-width:78px;border:0;border-left:1px solid #dbe4ee;border-radius:0;background:#fff;color:#188b88;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.82rem;font-weight:800}.site-nav{min-width:0;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:4px;scrollbar-width:thin}.site-nav__link,.site-create-link{white-space:nowrap}.site-nav__link{min-height:34px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--site-chrome-text);padding:6px 10px;font-size:.78rem;letter-spacing:.03em;gap:6px}.site-nav__link:hover{border-color:#ffffff59;background:#ffffff1a}.site-nav__link--home{min-width:38px;padding:0;border-color:#ffffff75;background:#ffffff29}.site-nav__label{line-height:1}.site-nav__link--home .site-nav__label{display:none}.site-nav__icon{width:12px;height:10px;display:inline-flex;align-items:flex-end;justify-content:center}.site-nav__icon span{width:12px;height:8px;border:2px solid rgba(255,255,255,.96);border-bottom:0;border-radius:2px 2px 0 0;position:relative}.site-nav__icon span:before{content:"";position:absolute;top:-5px;left:1px;width:6px;height:6px;border-top:2px solid rgba(255,255,255,.96);border-left:2px solid rgba(255,255,255,.96);transform:rotate(45deg)}.site-header__actions{gap:0}.site-create-link{min-height:36px;border-color:var(--site-chrome-cta-border);background:var(--site-chrome-cta-bg);color:var(--site-chrome-cta-text);font-size:.8rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:none}.site-create-link:hover{border-color:var(--site-chrome-cta-border);background:var(--site-chrome-cta-hover)}.site-mobile-header-icon-button{width:34px;min-height:34px;padding:0;border-color:#ffffff6b;border-radius:9px;background:#ffffff1f;color:#fff;line-height:0;font-size:0}.site-mobile-header-icon-wrap{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.site-mobile-search__panel{z-index:70;width:min(78vw,280px);border-color:#c8d5e5;border-radius:12px;padding:7px;grid-template-columns:minmax(0,1fr) 36px;gap:6px;box-shadow:0 8px 18px #0f172a1f}.site-mobile-search__input{min-height:34px;border-color:#d5dfeb;border-radius:8px;color:#1c416e}.site-mobile-search__submit{min-height:34px;border-color:#d5dfeb;border-radius:8px;background:#fff;color:#198b88}.site-mobile-nav__panel{z-index:70;width:min(76vw,240px);border-color:#c8d5e5;border-radius:12px;padding:8px;gap:4px;box-shadow:0 8px 18px #0f172a1f}.site-mobile-nav__link{min-height:34px;border-radius:8px;padding:7px 9px;color:#1c416e;font-size:.82rem;font-weight:800;letter-spacing:.02em;text-transform:none}.site-mobile-nav__link:hover{background:var(--color-surface-soft)}.site-mobile-nav__link--create{color:#fff;background:var(--color-primary)}.site-mobile-search[open] .site-mobile-search__summary,.site-mobile-nav[open] .site-mobile-nav__summary{border-color:#ffffff9e;background:#fff3}.site-footer{margin-top:36px;border-top:0;background:linear-gradient(98deg,var(--site-chrome-footer-start) 0%,var(--site-chrome-footer-mid) 50%,var(--site-chrome-footer-end) 100%);color:var(--site-chrome-text)}.site-footer__inner{max-width:min(1480px,100%);padding:32px 24px 28px;grid-template-columns:minmax(0,1.14fr) repeat(3,minmax(0,1fr)) minmax(0,1.02fr);gap:20px 22px}.site-footer__brand{justify-items:start;gap:12px;padding-top:2px}.site-footer__brand-stamp{color:var(--site-chrome-text);font-size:1.42rem;font-weight:900;letter-spacing:.02em;line-height:1.05;text-transform:uppercase}.site-footer__brand-copy{color:var(--site-chrome-text-muted);font-size:.83rem;line-height:1.55;max-width:28ch}.site-footer__brand-cta{min-height:34px;border-color:var(--site-chrome-cta-border);background:var(--site-chrome-cta-bg);color:var(--site-chrome-cta-text);font-size:.73rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.site-footer__brand-cta:hover{border-color:var(--site-chrome-cta-border);background:var(--site-chrome-cta-hover)}.site-footer__title{margin:0 0 10px;color:var(--site-chrome-text);font-size:.82rem;font-weight:900;letter-spacing:.06em;line-height:1.1}.site-footer__accordion{display:grid;align-content:start;border-top:0}.site-footer__accordion-summary{display:block;cursor:default}.site-footer__accordion-summary::marker{content:""}.site-footer__accordion-panel{gap:6px}.site-footer__nav ul{margin:0;gap:8px}.site-footer__nav a,.site-footer__legal-links a{color:var(--site-chrome-text);text-decoration:none}.site-footer__nav a{font-size:.92rem;line-height:1.32}.site-footer__nav a:hover,.site-footer__legal-links a:hover{color:#fff;text-decoration:none}.site-footer__contact{gap:6px}.site-footer__contact-copy{color:var(--site-chrome-text);font-size:.9rem;line-height:1.45}.site-footer__contact-copy strong,.site-footer__contact-copy a{color:var(--site-chrome-text)}.site-footer__contact-copy a{text-decoration:none}.site-footer__contact-meta,.site-footer__copyright{color:var(--site-chrome-text-muted)}.site-footer__contact-meta{margin-top:6px;font-size:.8rem;line-height:1.3}.site-footer__legal{max-width:min(1480px,100%);padding:0 24px 30px;border-top:1px solid rgba(229,252,255,.26);display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px 18px}.site-footer__copyright{font-size:.86rem;line-height:1.3}.site-footer__legal-links{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px}.site-language-switcher{display:inline-flex;align-items:center;gap:8px;min-width:160px}.site-language-switcher__label-text{color:var(--site-chrome-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-language-switcher__select{min-height:34px;min-width:150px;border-radius:8px;border:1px solid rgba(229,252,255,.32);background:#0b162b85;color:var(--site-chrome-text);padding:6px 30px 6px 10px;font-size:.82rem;font-weight:700;line-height:1.2;cursor:pointer}.site-language-switcher__select option{color:var(--color-text);background:#fff}.site-language-switcher__select:focus{outline:2px solid rgba(229,252,255,.7);outline-offset:2px}.site-language-switcher--legal{margin-left:auto;justify-self:flex-end}.site-footer__legal-links a{font-size:.82rem;font-weight:700;letter-spacing:.02em}.tutorial-hero,.tutorial-section,.tutorial-note,.related-panel,.cta-panel,.color-tool{border-radius:12px;box-shadow:none}@media(min-width:981px){.site-header__inner{padding:8px 20px}.site-header__top{grid-template-columns:minmax(410px,560px) minmax(320px,1fr) auto;gap:14px}.site-header__browse{grid-template-columns:auto minmax(220px,330px);gap:12px}.site-brand{gap:12px}.site-brand__text strong{font-size:.92rem;letter-spacing:.025em}.site-nav--desktop{justify-content:flex-start;gap:8px;overflow:visible}.site-nav--desktop .site-nav__link{min-height:36px;border-radius:999px;padding:0 13px;font-size:.79rem;letter-spacing:.05em;text-transform:none}.site-create-link{min-height:38px;padding:0 18px;font-size:.82rem;letter-spacing:.04em;text-transform:none}}@media(min-width:1181px){.site-footer__accordion-summary{pointer-events:none}.site-footer__accordion-summary:after{content:none}}@media(max-width:1180px){.site-header__inner{padding-left:14px;padding-right:14px}.site-header__top{grid-template-columns:minmax(0,470px) minmax(170px,1fr) auto;gap:8px}.site-header__browse{grid-template-columns:auto minmax(150px,230px);gap:8px}.site-nav__link{padding-left:9px;padding-right:9px}.site-footer__inner{grid-template-columns:1fr;gap:0;padding:24px 16px 22px}.site-footer__brand{grid-column:auto;max-width:66ch;padding-bottom:12px;border-bottom:1px solid rgba(229,252,255,.26)}.site-footer__brand-copy{max-width:70ch}.site-footer__accordion{border-top:1px solid rgba(229,252,255,.26);padding-top:2px}.site-footer__accordion-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0}.site-footer__accordion-summary .site-footer__title{margin:0;font-size:.79rem;letter-spacing:.05em}.site-footer__accordion-summary:after{content:"+";color:#f0fcff;font-size:1.1rem;font-weight:700;line-height:1}.site-footer__accordion[open] .site-footer__accordion-summary:after{content:"-"}.site-footer__accordion>ul,.site-footer__accordion>.site-footer__accordion-panel{padding:0 0 10px}.site-footer__accordion:not([open])>ul,.site-footer__accordion:not([open])>.site-footer__accordion-panel{display:none}.site-footer__contact{grid-column:auto;gap:0}.site-footer__legal{flex-direction:column;align-items:flex-start;gap:10px;padding:0 16px 24px}.site-language-switcher--legal{margin-left:0;min-width:0}.site-language-switcher__select{min-width:140px}}@media(max-width:980px){.site-header__top{grid-template-columns:minmax(0,1fr) auto;gap:8px}.site-header__browse{grid-template-columns:auto}.site-nav--desktop,.site-header-search,.site-create-link{display:none}.site-header__actions{gap:8px}.site-mobile-search,.site-mobile-nav{display:block;margin:0;padding:0}}@media(max-width:640px){.site-header__inner{padding:6px 10px}.site-brand{gap:8px}.site-brand__logo-wrap{width:34px;height:34px}.site-brand__text strong{font-size:.78rem}.site-mobile-header-icon-button{width:32px;min-height:32px}.site-mobile-header-icon-wrap,.site-mobile-header-icon-svg,.site-mobile-search__icon{width:15px;height:15px}.site-mobile-search__panel{width:min(88vw,250px);top:calc(100% + 7px)}.site-mobile-nav__panel{width:min(86vw,220px);top:calc(100% + 7px)}.site-footer__inner{gap:14px;padding:22px 12px 18px}.site-footer__brand-copy{max-width:100%}.site-footer__nav a{font-size:.89rem}.site-footer__legal{padding:0 12px 18px}.site-footer__legal-links{gap:8px 10px}.site-language-switcher{width:100%;justify-content:flex-start}.site-language-switcher__select{flex:1 1 auto;max-width:220px}}