/* GPT tutorial identity, independent from the card storefront. */
:root{--paper:#f8fbfa;--ink:#14372e;--muted:#637971;--line:#dce8e2;--green:#195345;--accent:#23795d;--soft:#eff7f3}
.page-header{background:#f8fbfaf5}.brand{color:#123f33}.brand::before{content:"GPT";display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#195345;color:#fff;font-size:11px;font-weight:750;letter-spacing:.4px;flex:none}
.intro-note{background:#eef6f1;border-color:#dce8e0}.intro-description{max-width:440px}.intro-fine{border-color:#d7e6dd}
.contents nav a[aria-current=step]{background:#e6f3ed}.finish{background:#e9f5ef;border-color:#d4e7dc}.finish-symbol{background:#cfe8db}.finish h2{color:#154c3d}.flow-diagram{background:linear-gradient(155deg,#edf7f1,#fff)}.merchant-action{background:#195345}.amount-check{background:#e5f3ec}.example-note{border-left-color:#a9cbbb}.example-note strong{color:#195345}.step-copy>p,.step-list{color:#50695f}
.header-label{flex-wrap:wrap;justify-content:flex-end;text-align:right}.page-footer strong{color:#315e4e}
@media(max-width:600px){.brand{font-size:15px;gap:7px}.brand::before{width:30px;height:30px;font-size:10px}.header-label{max-width:105px;gap:2px;font-size:10px}.intro-description{max-width:none}}
@media(max-width:360px){.header-inner{gap:8px;padding-inline:12px}.brand{font-size:14px}.brand::before{width:27px;height:27px;font-size:9px}.header-label{max-width:98px}.contents nav{grid-template-columns:repeat(2,minmax(0,1fr))}}