#learning-share{max-width:1200px;margin:14px auto;padding:14px 18px;border:1px solid #b2c9bd;border-radius:14px;background:#f4faf6;color:#173e30;box-sizing:border-box;font:400 1rem/1.45 system-ui,sans-serif}
#learning-share .ls-head{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
#learning-share h2{font-size:1.05rem;font-weight:750;margin:0;color:#173e30}
#learning-share .ls-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
#learning-share .ls-actions>button,#learning-share .ls-actions>a,#learning-share summary,#learning-share [data-share-download]{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #688b79;border-radius:9px;background:#fff;color:#173e30;font:600 .95rem/1.25 system-ui,sans-serif;text-decoration:none;box-sizing:border-box;cursor:pointer;box-shadow:none;white-space:normal}
#learning-share .ls-actions>a{background:#176b40;color:white;border-color:#176b40}
#learning-share summary{list-style:none}#learning-share summary::-webkit-details-marker{display:none}
#learning-share summary::after{content:'＋';margin-inline-start:10px}#learning-share details[open]>summary::after{content:'−'}
#learning-share details{position:relative}#learning-share .ls-qr-panel{margin-top:10px;padding:14px;border:1px solid #b2c9bd;border-radius:10px;background:white;max-width:320px;box-sizing:border-box}
#learning-share .ls-qr-panel h3{font-size:1rem;margin:0 0 6px}#learning-share .ls-qr-panel p{font-size:.9rem;margin:6px 0}
#learning-share .ls-qr-panel img{display:block;max-width:100%;height:auto;image-rendering:pixelated;background:white}
#learning-share .ls-url{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.85rem}#learning-share .ls-url span{flex:0 0 auto}
#learning-share .ls-url input{width:100%;min-width:0;min-height:38px;border:1px solid #afc4b8;border-radius:6px;padding:6px 9px;background:white;color:#284d3b;font:inherit;box-sizing:border-box}
#learning-share .ls-status{font-size:.9rem;margin:5px 0 0;min-height:0}#learning-share .ls-status:empty{display:none}
#learning-share [hidden]{display:none!important}#learning-share button:focus-visible,#learning-share a:focus-visible,#learning-share summary:focus-visible,#learning-share input:focus-visible{outline:3px solid #173e30;outline-offset:3px}
@media(max-width:620px){#learning-share{margin:10px 8px;padding:12px}#learning-share .ls-head{align-items:stretch}#learning-share .ls-actions{width:100%}#learning-share .ls-url{display:block}#learning-share .ls-url span{display:block;margin-bottom:4px}#learning-share details[open]{flex-basis:100%}}
@media print{#learning-share{display:none!important}}