/* Shared beginner content, using the approved Clásico palette. */
.site-header .btn-small{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.hero-guide{font-size:.92rem;display:inline-block;min-height:44px;align-content:center;text-underline-offset:4px}
.first-table{background:#fffaf2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.first-table .wrap{max-width:1000px}.first-table-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.beginner-faq details,.guide-faq details{border-bottom:1px solid var(--line-strong);padding:16px 0}
.beginner-faq summary,.guide-faq summary{font-weight:600;cursor:pointer;min-height:44px;display:list-item;align-content:center;padding-right:16px}
.beginner-faq details p,.guide-faq details p{margin:14px 0 4px;color:var(--muted);max-width:65ch}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px var(--gutter);background:#fffaf2;border-bottom:1px solid var(--line)}
.guide-header .brand{white-space:nowrap;font:700 1.25rem var(--display);letter-spacing:.03em}.guide-header>a:not(.brand){font-size:.9rem;min-height:44px;display:flex;align-items:center}
.guide-main{max-width:1080px;padding-top:28px;padding-bottom:56px}.guide-crumb{font-size:.9rem;color:var(--muted);margin-bottom:36px;display:flex;gap:10px;flex-wrap:wrap}
.guide-intro{max-width:820px}.guide-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.06}.guide-intro .lead{max-width:57ch}
.guide-scope{font-size:.92rem;color:var(--muted);margin:24px 0 48px;max-width:65ch}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}.guide-index{font-size:.92rem;padding-top:8px}.guide-index ol{padding-left:22px;margin-top:12px}.guide-index li{margin:10px 0}.guide-index a{padding:6px 0;display:inline-block}
.guide-step{margin-bottom:38px;scroll-margin-top:28px}.guide-step h2,.guide-faq h2,.guide-next h2{font-size:clamp(1.6rem,3vw,2.2rem)}.guide-step p{max-width:65ch}
.guide-example{margin:24px 0;display:flex;gap:24px;align-items:center;background:#f2e6d1;border-radius:16px;padding:22px}.guide-example p{margin:8px 0 0;font-size:.94rem}
.guide-domino{width:64px;flex:0 0 64px;background:#fffaf2;border:2px solid #9b6d18;border-radius:9px;padding:8px;box-shadow:3px 4px 0 #b4936033}
.tile-half{height:42px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:3px}.tile-half:first-child{border-bottom:1px solid #9b6d18;padding-bottom:7px;height:46px}.tile-half i{width:8px;height:8px;background:#322419;border-radius:50%}.four i:nth-child(1),.two i:first-child{grid-area:1/1}.four i:nth-child(2){grid-area:1/3}.four i:nth-child(3){grid-area:3/1}.four i:nth-child(4),.two i:last-child{grid-area:3/3}
.guide-faq{margin:48px 0;max-width:800px}.guide-next{background:#f2e6d1;border-radius:18px;padding:30px;margin-top:40px}.guide-next p{max-width:65ch}.guide-next>a{margin-right:18px;margin-top:12px}
@media(max-width:760px){.first-table-layout,.guide-layout{grid-template-columns:1fr;gap:24px}.guide-index{border-bottom:1px solid var(--line);padding-bottom:18px}.guide-index ol{columns:2;column-gap:28px}.guide-step{margin-bottom:30px}}
@media(max-width:420px){.guide-header{gap:10px;padding:12px 16px}.guide-header .brand{font-size:1.05rem}.guide-header .btn{padding:10px 12px}.guide-index ol{columns:1}.guide-example{gap:16px;padding:18px}.guide-next{padding:24px}.guide-crumb{margin-bottom:24px}}

@media(max-width:420px){.guide-header{gap:6px}.guide-header .brand{font-size:.95rem;gap:4px;letter-spacing:0}.guide-header .brand-mark{width:28px;height:28px;object-fit:contain}.guide-header>a:not(.brand){font-size:.82rem}}