:root{--primary: #2A7D6E;--primary-dark: #1F5F54;--primary-light: #E8F5F1;--text-main: #2C2C2C;--text-muted: #5A5A5A;--bg-warm: #FDFAF6;--bg-sand: #F5F0E8;--white: #FFFFFF;--border: #E8E0D4;--accent: #E07B4C;--accent-light: #FFF0E8}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}body{color:var(--text-main);background-color:var(--white);line-height:1.6}header{background:var(--bg-warm);padding:40px 20px;text-align:center;border-bottom:1px solid var(--border)}header h1{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.02em}header p{font-size:1.15rem;color:var(--text-muted);margin-top:12px;max-width:600px;margin-left:auto;margin-right:auto}.container{max-width:900px;margin:60px auto;padding:0 20px}.boards-intro{font-size:1.15rem;color:var(--text-muted);line-height:1.7;max-width:760px;margin:0 auto 48px;text-align:center}.boards-language-note{max-width:760px;margin:-24px auto 48px;padding:14px 18px;background:var(--accent-light);border-left:3px solid var(--accent);border-radius:6px;line-height:1.6}.boards-app{display:flex;align-items:center;gap:28px;margin-bottom:32px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--bg-warm)}.boards-app-copy{flex:1;min-width:0}.boards-app h2{margin-bottom:6px;font-family:Nunito,sans-serif;font-size:1.35rem;line-height:1.3}.boards-app p{color:var(--text-muted)}.boards-app-button{display:inline-flex;justify-content:center;align-items:center;margin-top:14px;padding:10px 20px;min-height:44px;border-radius:999px;background:var(--primary);color:var(--white);font-weight:700;text-decoration:none;text-align:center}.boards-app-button:hover{background:var(--primary-dark)}.boards-app-qr{flex:0 0 152px;text-align:center;font-size:.85rem;line-height:1.4;color:var(--text-muted)}.boards-app-qr img{display:block;margin:0 auto 6px;background:var(--white)}@media(max-width:720px),(pointer:coarse){.boards-app-qr{display:none}}@media(max-width:720px){.boards-app{padding:20px}}.boards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.board-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;scroll-margin-top:5rem;transition:border-color .2s}.board-card:hover{border-color:var(--primary)}.board-preview{position:relative;display:flex;aspect-ratio:4 / 3;align-items:center;justify-content:center;background:var(--bg-warm);border-bottom:1px solid var(--border);line-height:0}.board-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.board-card-body{display:flex;flex-direction:column;flex:1;padding:24px 24px 22px}.board-card-body h2,.board-card-body h3{font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.01em}.board-card-body p{font-size:.98rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px;flex:1}.board-download{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:var(--primary);color:var(--white);font-weight:700;font-size:.98rem;text-decoration:none;padding:11px 20px;border-radius:999px;transition:background-color .2s}.board-download:hover{background:var(--primary-dark)}.board-download svg{width:18px;height:18px;flex-shrink:0}.boards-make{margin-top:56px;background:var(--bg-warm);border:1px solid var(--border);border-radius:16px;padding:32px}.boards-make h2{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:12px;letter-spacing:-.01em}.boards-make p{font-size:1.05rem;color:var(--text-muted);line-height:1.7}.boards-attribution{margin-top:28px;font-size:.85rem;color:var(--text-muted);opacity:.85;text-align:center;line-height:1.6}.boards-attribution a{color:var(--primary);text-decoration:underline;text-decoration-color:#2a7d6e4d;text-underline-offset:2px}.boards-attribution a:hover{text-decoration-color:var(--primary)}.boards-faq{margin-top:40px}.boards-faq h2{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:20px;letter-spacing:-.01em}.boards-faq dl{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:16px;overflow:hidden}.faq-item{padding:20px 24px;border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item dt{font-weight:700;font-size:1rem;color:var(--text-main);margin-bottom:6px}.faq-item dd{margin:0;font-size:.97rem;color:var(--text-muted);line-height:1.65}.boards-cta{padding:56px 20px;background:var(--primary);color:var(--white);text-align:center}.boards-cta-inner{max-width:640px;margin:0 auto}.boards-cta h2{font-family:Nunito,sans-serif;font-size:1.7rem;color:var(--white);margin-bottom:12px;letter-spacing:-.01em;line-height:1.3}.boards-cta p{font-size:1.05rem;color:var(--white);margin-bottom:28px;line-height:1.6}.boards-cta-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--white);color:var(--text-main);padding:14px 30px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.05rem;box-shadow:0 4px 16px #00000026;transition:background-color .2s}.boards-cta-btn:hover{background:var(--bg-warm)}.boards-cta p a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.boards-cta .boards-cta-compare{font-size:.95rem;margin:24px 0 0}@media(max-width:720px){.boards-grid{grid-template-columns:1fr}.container{margin:44px auto}header h1{font-size:2rem}}footer{background-color:var(--bg-sand);color:var(--text-main);text-align:center;padding:60px 20px;margin-top:0;border-top:1px solid var(--border)}.footer-links{margin-bottom:20px}.footer-links a{color:var(--text-muted);text-decoration:none;margin:0 15px;font-size:.95rem;font-weight:500}.footer-links a:hover{color:var(--primary);text-decoration:underline}.copyright{color:var(--text-muted);font-size:.85rem}.footer-language-switcher{margin-bottom:20px}.boards-skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:1000;transform:translateY(-200%);padding:12px 20px;background:var(--white);color:var(--primary-dark);border:2px solid currentColor;border-radius:8px}.boards-skip:focus{transform:none}#boards-main{scroll-margin-top:5rem}#boards-main:focus{outline:none}main :is(a,button,summary):focus-visible{outline:3px solid var(--primary-dark);outline-offset:4px}.board-preview:focus-visible{outline-offset:-5px}.boards-cta a:focus-visible{outline-color:var(--white)}main a{touch-action:manipulation}main h1,main h2{text-wrap:balance}.boards-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-block:-20px 32px}.boards-jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;color:var(--primary-dark);background:var(--primary-light);border-radius:8px;text-decoration:none;font-weight:600}.boards-jump a:hover{text-decoration:underline}.board-card-body .board-details{flex:none;font-size:.85rem;margin-bottom:16px}.board-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.board-open{display:inline-flex;align-items:center;min-height:44px;color:var(--primary-dark);font-weight:700;text-underline-offset:3px}.board-open:hover{text-decoration-thickness:2px}.board-download{max-width:100%;border-radius:10px}.board-card-body{min-width:0;overflow-wrap:anywhere}.boards-guide{margin-top:48px}.boards-guide h2{font-family:Nunito,sans-serif;font-size:1.4rem;margin-block:28px 12px}.boards-guide p{color:var(--text-muted);margin-bottom:12px}.boards-photo{display:block;width:100%;height:auto;border-radius:16px;margin:4px 0 20px}.boards-group{margin-top:56px;scroll-margin-top:5rem}.boards-app+.boards-group{margin-top:40px}.boards-group>h2{font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.01em;margin-bottom:20px}.boards-group-text{color:var(--text-muted);line-height:1.7;max-width:760px;margin:-8px 0 24px}.board-card-body h3 a{color:inherit;text-decoration:none}.board-card-body h3 a:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}.board-download-second{background:var(--white);color:var(--primary-dark);box-shadow:inset 0 0 0 2px var(--primary)}.board-download-second:hover{background:var(--primary-light)}.board-more{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--primary-dark);font-size:.95rem;text-underline-offset:3px}.board-back{margin:0 0 10px;font-size:1rem}.board-back a{color:var(--primary-dark);font-weight:600;text-underline-offset:3px}.board-back a:before{content:"←";display:inline-block;margin-inline-end:6px}[dir=rtl] .board-back a:before{content:"→"}header h1+p{max-width:720px}.board-single{border:1px solid var(--border);border-radius:16px;overflow:hidden}.board-preview picture{display:contents}.board-single .board-preview{aspect-ratio:auto}.board-single .board-preview img{position:static;width:100%;height:auto;max-height:80vh}.board-single-body{padding:24px}.board-single-body .board-details{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.board-note{margin-top:18px;color:var(--text-muted);line-height:1.7}.board-note a{color:var(--primary-dark);text-underline-offset:3px}.board-words{margin-top:48px}.board-words h2,.board-others h2{font-family:Nunito,sans-serif;font-size:1.4rem;margin-bottom:16px}.board-words h3{font-size:1rem;margin:20px 0 10px}.board-words ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.board-words li{padding:6px 12px;background:var(--bg-warm);border:1px solid var(--border);border-radius:8px;font-size:.95rem;overflow-wrap:anywhere}.board-words+.boards-app{margin-top:48px;margin-bottom:0}.board-others{margin-top:48px}.board-others ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-bottom:16px}.board-others li a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;color:var(--primary-dark);background:var(--primary-light);border-radius:8px;text-decoration:none;font-weight:600}.board-others li a:hover{text-decoration:underline}.board-others p a{color:var(--primary-dark);font-weight:600;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.board-card,.board-download,.boards-cta-btn{transition:none}}
