/* Taxi Driver's Base: social sharing and QR page, scoped to share page. */
.tdb-share-page{margin:0;background:#f4f7fa;color:#252a31;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.7}
.tdb-share-page *{box-sizing:border-box}
.tdb-share-page .share-wrap{width:min(1100px,calc(100% - 36px));margin:0 auto}
.tdb-share-page .share-hero{background:radial-gradient(circle at 83% 10%,rgba(255,196,46,.16),transparent 36%),linear-gradient(120deg,#194d9c,#1c56ae);padding:66px 0 78px;color:#fff}
.share-brand-kicker{font-size:.77rem;letter-spacing:.17em;color:#ffd978;font-weight:900;margin-bottom:13px}
.tdb-share-page h1{font-size:clamp(1.9rem,4.2vw,3.25rem);line-height:1.4;color:#fff;margin:0 0 17px;letter-spacing:-.025em}
.tdb-share-page h1 span{color:#ffd978}
.share-hero p{color:#dbe6f4;max-width:740px;font-size:clamp(.93rem,1.4vw,1.1rem);line-height:1.95;margin:0}
.share-section{margin-top:-34px;padding-bottom:65px;position:relative}
.share-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:24px;align-items:start}
.share-panel{background:#fff;padding:clamp(22px,3.1vw,36px);border-radius:18px;border:1px solid #dae3ee;box-shadow:0 16px 46px rgba(34,39,46,.1)}
.share-panel h2{font-size:1.55rem;margin:0 0 6px;color:#262b33}
.share-muted{color:#5e6978;margin:0 0 23px;font-size:.95rem}
.share-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.share-social{appearance:none;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:120px;text-align:left;padding:16px 17px;border:1px solid #dce5f0;border-radius:14px;background:#f7f9fc;color:#2b313a!important;text-decoration:none!important;font:inherit;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.share-social:hover{border-color:#f2c75c;transform:translateY(-2px);box-shadow:0 8px 22px rgba(38,43,50,.09)}
.share-social:focus-visible,.share-url-box button:focus-visible,.share-download:focus-visible{outline:3px solid #f6c855;outline-offset:3px}
.share-social b{font:900 21px/1.2 Arial,sans-serif;color:#fff;background:#1a50a1;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;margin-bottom:8px}
.share-facebook b{background:#185cc2;font-size:27px}
.share-instagram b{background:linear-gradient(135deg,#7340c4,#d54884,#f0b82b)}
.share-native b{background:#f5c64f;color:#272c34}
.share-social span{font-size:.95rem;font-weight:900}
.share-social small{font-size:.75rem;color:#687485}
.share-explainer{background:#f3f6fa;border-radius:10px;padding:13px 14px;color:#616c7b;font-size:.8rem;line-height:1.7;margin:20px 0}
.share-url-label{display:block;font-weight:900;font-size:.9rem;margin:19px 0 8px}
.share-url-box{display:flex;gap:8px}
.share-url-box input{min-width:0;flex:1;font:600 .94rem/1.4 system-ui,sans-serif;border:1px solid #cbd7e7;border-radius:10px;background:white;padding:11px 12px;color:#2c323a}
.share-url-box button{border:0;background:#1d5ab4;color:white;border-radius:10px;font-weight:900;padding:11px 16px;cursor:pointer;white-space:nowrap}
.share-url-box button:hover{background:#2062c5}
.share-status{font-size:.83rem;color:#066b6e;min-height:1.4em;margin:8px 0 0}
.share-qr-panel{text-align:center}
.share-qr-card{width:min(100%,310px);margin:0 auto 18px;padding:12px;border-radius:13px;border:1px solid #e3e9f0;background:#fff}
.share-qr-card img{width:100%;height:auto;display:block;image-rendering:pixelated}
.share-qr-meta strong{display:block;color:#2b3139;font-size:1rem}
.share-qr-meta span{display:block;color:#677383;font-size:.82rem;overflow-wrap:anywhere}
.share-download{display:inline-flex;margin:20px auto 0;padding:11px 20px;border:1px solid #efbd3e;border-radius:10px;color:#262b33!important;background:#ffd670;text-decoration:none!important;font-weight:900;gap:15px}
.share-download:hover{background:#ffe390}
.share-info p{font-size:.8rem;color:#636f7f;line-height:1.8;margin:18px 0 0}
@media(max-width:770px){.share-grid{grid-template-columns:1fr}.tdb-share-page .share-hero{padding:50px 0 62px}.share-section{margin-top:-26px}.share-qr-card{max-width:280px}}
@media(max-width:430px){.tdb-share-page .share-wrap{width:min(100% - 24px,1100px)}.share-panel{padding:20px 17px}.share-social{min-height:112px;padding:13px}.share-social-grid{gap:9px}.share-url-box{flex-direction:column}.share-url-box button{min-height:44px}}