/* ===== Reset & base typography ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--gc-font-body);font-size:var(--gc-body-size);
  line-height:var(--gc-body-lh);color:var(--gc-body);background:var(--gc-white);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;vertical-align:middle}
svg{vertical-align:middle}
a{color:var(--gc-link);text-decoration:none;transition:color var(--gc-dur) var(--gc-ease)}
a:hover,a:focus{color:var(--gc-link-hover)}
h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-family:var(--gc-font-heading);font-weight:600;
  color:var(--gc-heading);letter-spacing:0}
h1{font-size:var(--gc-h1-size);line-height:var(--gc-h1-lh)}
h2{font-size:var(--gc-h2-size);line-height:var(--gc-h2-lh)}
h3{font-size:var(--gc-h3-size);line-height:var(--gc-h3-lh)}
h4{font-size:var(--gc-h4-size);line-height:var(--gc-h4-lh)}
h5{font-size:var(--gc-h5-size);line-height:var(--gc-h5-lh)}
h6{font-size:var(--gc-h6-size);line-height:var(--gc-h6-lh)}
p{margin:0 0 15px}
ul,ol{margin:0 0 15px;padding-left:20px}
figure{margin:0}
blockquote{margin:30px 0;padding:35px 40px;background:var(--gc-light-bg);
  border-left:4px solid var(--gc-global);font-size:20px;color:var(--gc-heading)}
blockquote cite{display:block;margin-top:15px;font-family:var(--gc-font-heading);
  font-weight:500;font-size:16px;font-style:normal;color:var(--gc-global)}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
pre{padding:20px;background:var(--gc-light-bg);overflow:auto}
table{width:100%;border-collapse:collapse;margin-bottom:25px}
th,td{padding:12px 15px;border:1px solid var(--gc-border);text-align:left}
th{font-family:var(--gc-font-heading);font-weight:600;color:var(--gc-heading)}

/* The hidden attribute must always win over a component's own display value. */
[hidden]{display:none!important}

/* ===== Accessibility ===== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;left:10px;z-index:100000;padding:12px 22px;
  background:var(--gc-secondary);color:#fff;border-radius:4px;
  font-family:var(--gc-font-heading);font-weight:600;transition:top .2s var(--gc-ease)}
.skip-link:focus{top:10px;color:#fff}
:focus-visible{outline:2px solid var(--gc-global);outline-offset:3px}
a:focus:not(:focus-visible){outline:none}

/* ===== Forms ===== */
input,select,textarea,button{font-family:inherit;font-size:inherit}
input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],
input[type=password],input[type=search],input[type=date],select,textarea{
  width:100%;padding:15px 22px;background:var(--gc-light-bg);border:1px solid transparent;
  border-radius:var(--gc-radius);color:var(--gc-heading);line-height:1.5;
  transition:border-color var(--gc-dur) var(--gc-ease),background var(--gc-dur) var(--gc-ease)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gc-global);background:var(--gc-white)}
textarea{min-height:150px;resize:vertical}
::placeholder{color:var(--gc-body);opacity:1}

/* ===== Buttons ===== */
.gc-btn{display:inline-flex;align-items:center;gap:10px;padding:18px 34px;border:0;
  border-radius:var(--gc-radius);cursor:pointer;background:var(--gc-global);color:var(--gc-secondary);
  font-family:var(--gc-font-heading);font-weight:600;font-size:15px;line-height:16px;
  text-transform:capitalize;position:relative;overflow:hidden;
  transition:background var(--gc-dur) var(--gc-ease),color var(--gc-dur) var(--gc-ease),transform var(--gc-dur) var(--gc-ease)}
.gc-btn:hover,.gc-btn:focus{background:var(--gc-secondary);color:var(--gc-white);transform:translateY(-2px)}
.gc-btn--dark{background:var(--gc-secondary);color:var(--gc-white)}
.gc-btn--dark:hover,.gc-btn--dark:focus{background:var(--gc-global);color:var(--gc-secondary)}
.gc-btn--outline{background:transparent;color:var(--gc-secondary);box-shadow:inset 0 0 0 1px var(--gc-border)}
.gc-btn--outline:hover{background:var(--gc-secondary);color:var(--gc-white);box-shadow:none}
.gc-btn--white{background:var(--gc-white);color:var(--gc-secondary)}
button,input[type=submit],input[type=button],input[type=reset]{
  padding:18px 34px;border:0;border-radius:var(--gc-radius);cursor:pointer;
  background:var(--gc-global);color:var(--gc-secondary);
  font-family:var(--gc-font-heading);font-weight:600;font-size:15px;line-height:16px;
  transition:background var(--gc-dur) var(--gc-ease),color var(--gc-dur) var(--gc-ease)}
button:hover,input[type=submit]:hover{background:var(--gc-secondary);color:var(--gc-white)}